CINXE.COM

<!DOCTYPE html> <html lang="fr"> <head>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://static-assets-eu.libcal.com/bootstrap_13/bootstrap3.min.css" rel="stylesheet"> <link href="https://static-assets-eu.libcal.com/jquery_16/jquery-ui.min.css" rel="stylesheet"> <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://static-assets-eu.libcal.com/css_708/LibCal_public.min.css" rel="stylesheet"> <link href="https://static-assets-eu.libcal.com/css_708/print.min.css" rel="stylesheet" media="print"> <script src="https://static-assets-eu.libcal.com/jquery_16/jquery.min.js"></script> <script src="https://static-assets-eu.libcal.com/jquery_16/jquery-ui.min.js"></script> <script src="https://static-assets-eu.libcal.com/bootstrap_13/bootstrap3.min.js"></script> <script src="https://static-assets-eu.libcal.com/js_708/LibCal_public.min.js"></script> <script src="https://static-assets-eu.libcal.com/js_708/locale_fr.min.js"></script> <script> springSpace.dateFormat = "dddd D MMMM YYYY"; springSpace.dateShortFormat = "DD/MM/YYYY"; springSpace.timeFormat = "H:mm"; springSpace.timezone = 'Europe/Berlin'; springSpace.currency = "EUR"; springSpace.currencySymbol = "€"; springSpace.language = 'fr'; // en springSpace.locale = 'fr-FR'; // en-US springSpace.phpTimeFormat = 'G:i'; springSpace.bootstrapAsset = 'https://static-assets-eu.libcal.com/bootstrap_13/bootstrap3_16.min.css'; springSpace.publicCssAsset = 'https://static-assets-eu.libcal.com/css_708/LibCal_public.min.css'; springSpace.adminCssAsset = 'https://static-assets-eu.libcal.com/css_708/LibCal_admin.min.css'; </script> <title> Book a Librarian - En présentiel - Liège Sart Tilman - Book it - Book it @ ULiège Library </title> <style> #s-lc-public-banner { padding: 0; margin: 0; } .s-lc-public-footer { margin: 0; } </style> <style> .ui-datepicker { border: 1px solid #e7e7e7; } .ui-datepicker-calendar { background-color: #f8f8f8; } .ui-datepicker .ui-datepicker-header { background: none !important; background-color: #EBEBEB !important; border-radius: 0px; border: 1px solid #D8D8D8 !important; } .ui-state-default { background: none !important; background-color: #fff !important; } .s-lc-app-timeb-loc, .s-lc-app-timeb-et { display: none; } #s-lc-app-asub { margin: 10px 0px 150px 0px; } #s-lc-app-slist .panel-body { padding: 5px 10px; } #s-lc-app-slist .panel { margin-bottom: 10px; } .panel-heading { cursor: pointer; } @media (min-width: 992px) { .s-lc-app-s3-alignment { margin-right: 75px; } } .s-lc-appointment-success-intro { font-size: 120%!important; margin-bottom: 30px; } </style> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=fallback"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=fallback"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"> <link rel="icon" href="https://lib.uliege.be/themes/custom/ull_theme/uliege_library.ico" type="image/vnd.microsoft.icon"> <style> :root { --header-brand-margin-top: 1px; --header-brand-height: 40px; --header-text-color: white; --header-link-color: white; --header-background-color: #00707f; --nav-brand-margin-top: 10px; --nav-brand-height: 66px; --nav-link-color: #4a4a4a; --nav-background-color: white; --nav-megamenu-width: 1140px; --nav-megamenu-color: #333333; --main-max-width: 1511px; --main-font-size: 1.071rem; --main-line-height: 25.704px; --main-text-color: #3b3b3b; --main-link-color: #5fa4b0; --main-heading-color: #00707f; --footer-max-width: 1160px; --footer-text-color: white; --footer-link-color: #5fa4b0; --help-link-color: white; --help-background-color: #f68212; } body { font-family: 'Source Sans Pro', sans-serif; } #header nav { flex-wrap: wrap; padding: 0.625rem 1rem; color: var(--header-text-color); background-color: var(--header-background-color); } #header a.navbar-brand { padding: var(--header-brand-margin-top) 0 0 0; height: var(--header-brand-height); font-size: 0.75rem; font-weight: 700; line-height: calc(var(--header-brand-height) - var(--header-brand-margin-top)); color: var(--header-link-color); text-transform: uppercase; } #header-link ul.navbar-nav { flex-wrap: wrap; } #header-link li.nav-item { margin-left: 0.5rem; margin-right: 0.5rem; } #header-link a.nav-link { color: var(--header-link-color); } #header-link li.nav-item.dropdown { z-index: 1025; } #header-link a.dropdown-item i { margin-right: 0.75rem; } #header-link i.bi-search { margin-right: 4px; } #header-link a.selectedLanguage { font-weight: 900; } #nav { padding: 0.5rem 1rem; background-color: var(--nav-background-color); } #nav a.navbar-brand img { height: var(--nav-brand-height); } #nav-link li.nav-item { margin-left: 15px; margin-right: 15px; } #nav-link a.nav-link { font-size: 0.9rem; font-weight: 900; color: var(--nav-link-color); text-transform: uppercase; } #nav-link a.dropdown-item i { margin-right: 0.75rem; } #nav li.megamenu { position: static !important; } #nav li.megamenu div.container { max-width: var(--nav-megamenu-width); } #nav div.megamenu-content { left: 0; right: 0; margin-top: 0; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #nav a.megamenu-heading { font-size: 1rem; color : var(--main-heading-color); } #nav li.megamenu a.list-group-item { border: 0; font-weight: 600; color : var(--nav-menu-color); text-transform: none; } #nav li.megamenu a.dropdown-toggle:focus, #nav li.megamenu a.megamenu-heading:hover, #nav li.megamenu a.list-group-item:hover { color: var(--main-link-color); } body > div.container { max-width: 100%; } body > div.container > main { margin: 0 auto; max-width: var(--main-max-width); font-size: var(--main-font-size); line-height: var(--main-line-height); color: var(--main-text-color); } body > div.container > main div.alert { margin-bottom: 2.5em; } #banner { display: flex; justify-content: space-between; margin: 2rem auto 0 auto; max-width: var(--main-max-width); font-size: var(--main-font-size); line-height: var(--main-line-height); color: var(--main-text-color); } #banner h1 { display: inline-block; padding: 0 0 0.625rem 0; border-bottom: 5px solid var(--main-heading-color); font-size: 2.5rem; font-weight: 900; line-height: 2.625rem; color: var(--main-heading-color); } #banner h1 a { color: inherit; text-decoration: none; } #locationDropdown { margin-left: 1rem; padding: 0; } #locationDropdown, #locationDropdown:hover, #locationDropdown:focus { color: var(--main-link-color); background: white; } #locationDropdownSelected { font-size: 1.5rem; color: var(--main-heading-color); } #banner p { margin: 0.25rem 0 0 0; } #banner img { width: 100%; } #help.help-right { position: fixed; top: 0; bottom: 0; margin: auto; height: 1.5em; } #help.help-right { right: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotate(-90deg) translate(0, -48px); -moz-transform: rotate(-90deg) translate(0, -48px); -ms-transform: rotate(-90deg) translate(0, -48px); -o-transform: rotate(-90deg) translate(0, -48px); transform: rotate(-90deg) translate(0, -48px); } #help-widget a.btn-success.btn-orange { border-color: var(--help-background-color); border-radius: 1rem 1rem 0 0; font-size: 1.25rem; color: var(--help-link-color); background-color: var(--help-background-color); } #help-widget i { margin-right: 0.5rem; } #debug { margin: 2rem auto 0 auto; max-width: var(--main-max-width); font-size: var(--main-font-size); line-height: var(--main-line-height); color: var(--main-text-color); } #debug th { width: 0.1rem; white-space: nowrap; } #debug td { padding-left: 2rem; } a.btn-success:not(.btn-orange), button.btn-success:not(.btn-orange) { border: 0 !important; background-position: 100% 0 !important; background-size: 206% 100% !important; background-color: #00707f !important; background-image: linear-gradient(to right, #5fa4b0 51%, #00707f 51%) !important; transition: background-position 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; color: white; } a.btn-success:not(.btn-orange):hover, button.btn-success:not(.btn-orange):hover { border: 0 !important; background-position: 0 0 !important; background-color: #00707f !important; color: white !important; } a.btn-success:not(.btn-orange):active, button.btn-success:active { color: white !important; } a.btn-success:not(.btn-orange).disabled, button.btn-success.disabled { color: white !important; } </style> <style> #footer { font-size: 10px; } #footer .u-footer { position: relative; background-color: #00373e; } #footer .u-wrapper { margin: 0 auto; padding: 0 2em; width: 100%; max-width: 104em; } @media only screen and (min-width: 90em) { #footer .u-wrapper { max-width: 120em; } } #footer .u-follow { padding: 3em 5em; border: 1px solid #e6e6e1; background: white; } @media only screen and (min-width: 39.375em) { #footer .u-follow { border-radius: 3px; } } #footer .u-follow__container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } #footer .u-follow .u-h2 { margin: 0 30px 20px 0; font-size: 3em; font-weight: 900; line-height: 1.25; letter-spacing: -1px; color: #00707f; white-space: nowrap; } #footer .u-follow__list { margin: 0 0 2em 0; padding: 0; list-style-type: none; white-space: nowrap; } #footer .u-follow__list li { display: inline-block; padding: 0 3em 0 0; } #footer .u-follow__list li:last-child { padding: 0; } #footer .u-footer__container { position: relative; overflow: hidden; padding: 4em 0; width: 100%; color: white; } @media only screen and (min-width: 64em) { #footer .u-footer__container { background-position-x: 110% !important; background-position-y: 180% !important; } } #footer .u-footer__container .u-wrapper { position: relative; z-index: 10; } #footer .u-footer__container ul { margin: 0; padding: 0; list-style-type: none; } #footer .u-footer__container ul li::before { content: none; } #footer .u-footer__container a { font-size: 1.2em; font-weight: 700; line-height: 1.5; color: #5fa4b0; text-transform: uppercase; text-decoration: none; } #footer .u-footer__container a:hover { color: white; } #footer .u-footer__logo { margin: 0 0 4em 0; } #footer .u-footer__logo img { margin: -14px 0 -17px -17px; } #footer .u-footer__logo address { margin: 20px 0 28px 0; font-size: 1.5em; font-style: italic; line-height: 21.4286px; color: white; } #footer .u-footer__logo address a { font-size: 12px; font-style: normal; line-height: 17.1429px; } #footer .u-footer__logo [class*='u-link--'] { font-size: 1.3em; line-height: 1.25; letter-spacing: normal; text-transform: none; } #footer .u-footer__sitemap { margin: 0 0 4em 0; } #footer .u-footer__sitemap h3 { margin: 20px 0 30px 0; font-size: 1.3em; font-weight: 900; letter-spacing: 0.7px; color: white; text-transform: uppercase; } #footer .u-footer__sitemap li { line-height: 22.5px; } #footer .u-footer__faculties { margin: 0 0 4em 0; } #footer .u-footer__faculties:last-child { margin: 0; } #footer .u-footer__faculties h3 { margin: 20px 0 30px 0; font-size: 2.4em; font-weight: 900; line-height: 1.29167; letter-spacing: -1px; color: #5fa4b0; text-transform: uppercase; } #footer .u-footer__faculties li { margin: 0 0 2em 0; } #footer .u-footer__faculties [class*='u-link--'] { font-size: 1.4em; line-height: 1.25; } #footer .u-bg-layer--footer { position: absolute !important; overflow: hidden; bottom: 0; left: 0; width: 100%; height: auto !important; } #footer .u-bg-layer--footer::before { content: ''; display: block; padding-top: 100%; width: 100%; } #footer .u-bg-layer--footer svg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } #footer .u-bg-layer--footer .left { fill: rgba(0, 112, 127, 0.6); } #footer .u-bg-layer--footer .right { fill: rgba(0, 112, 127, 0.3); } #footer .u-footer__partners { padding: 4em 0; color: #c6c0b4; background: white; text-align: center; } #footer .u-footer__partners p { margin: 0 0 10px 0; font-size: 1.2em; font-weight: 700; line-height: 18px; letter-spacing: 0.5px; text-transform: uppercase; } #footer .u-footer__partners a { color: inherit; text-decoration: none; } #footer .u-footer__partners a:hover { text-decoration: underline; } #footer .u-link, #footer [class*='u-link--'] { display: inline-block; position: relative; padding-bottom: 10px; font-size: 1.2em; font-weight: 700; line-height: 1.25; letter-spacing: 1px; color: #5fa4b0; text-transform: uppercase; text-decoration: none; } #footer .u-link::after, #footer [class*='u-link--']::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; border-radius: 2px; background-color: #5fa4b0; transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #footer [class*='u-link--'][class*='--big']::after { height: 4px; border-radius: 2px; } #footer [class*='u-link--'][class*='--white'], #footer [class*='u-link--'][class*='--white']:hover, #footer [class*='u-link--'][class*='--white']:focus { color: white; } #footer .u-link:hover::after, #footer .u-link:focus::after, #footer [class*='u-link--']:hover::after, #footer [class*='u-link--']:focus::after { width: 100%; } #footer [class*='u-link--'][class*='--white']::after { background-color: white; } #footer [class*='u-link--'][class*='--medecine']::after { background-color: #940104 !important; } #footer [class*='u-link--'][class*='--droit']::after { background-color: #5b2c86 !important; } #footer [class*='u-link--'][class*='--agro']::after { background-color: #7db928 !important; } #footer [class*='u-link--'][class*='--psycho']::after { background-color: #289b38 !important; } #footer [class*='u-link--'][class*='--philo']::after { background-color: #00843b !important; } #footer [class*='u-link--'][class*='--vete']::after { background-color: #5b57a2 !important; } #footer [class*='u-link--'][class*='--archi']::after { background-color: #c6c0b4 !important; } #footer [class*='u-link--'][class*='--sciences']::after { background-color: #005ca9 !important; } #footer [class*='u-link--'][class*='--sc-app']::after { background-color: #f07f3c !important; } @media only screen and (min-width: 39.375em) { #footer .u-footer { margin-top: 12em; } #footer .u-footer__cta { display: flex; justify-content: space-around; position: absolute; top: 0; left: 50%; margin: 0 auto; width: 526px; transform: translate(-50%, -50%); z-index: 10; } #footer .u-footer__cta .u-follow { flex-basis: 100%; } #footer .u-footer__container { padding: 14em 2em 0 2em; } #footer .u-footer__content { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 3em 0; } #footer .u-footer__content > div { flex-basis: 50%; } #footer .u-footer__sitemap { margin-bottom: 2em; } #footer .u-footer__faculties { flex-basis: 100% !important; } #footer .u-footer__faculties ul { column-count: 2; column-gap: 3em; } #footer .u-footer__faculties li { margin: 0 0 4em; } } @media only screen and (min-width: 53.75em) { #footer .u-footer__sitemap { margin-bottom: 3em; } #footer .u-footer__content > div { flex-basis: 31%; } #footer .u-footer__faculties ul { column-count: 3; } #footer .u-footer__faculties li { margin: 0 0 4.5em; } } @media only screen and (min-width: 64em) { #footer .u-footer { margin-top: 18em; } #footer .u-footer__container { padding: 13em 0 8em 0; } #footer .u-footer__container .u-wrapper { display: flex; } #footer .u-footer__content { flex: 1; margin: 0; } #footer .u-footer__sitemap { margin-bottom: 4em; } #footer .u-footer__sitemap h3 { margin-top: 0; } #footer .u-footer__logo { flex-basis: 27em; } } </style> <style> html { font-size: 16px; } #header nav { margin: 0; border: 0; border-radius: 0; } #header div.container-fluid, #nav div.container-fluid { padding: 0 0.75rem; } #header a.navbar-brand { margin: 0 1rem 0 0; white-space: nowrap; } #header button.navbar-toggle, #nav button.navbar-toggle { margin: 0; padding: 0; border: 0; background-color: transparent; } #header button.navbar-toggle { margin: 0 10px 0 0; height: var(--header-brand-height); } #header button.navbar-toggle:hover, #nav button.navbar-toggle:hover { background-color: transparent; } #header button.navbar-toggle i, #nav button.navbar-toggle i { font-size: 2rem; line-height: 1; } #header-link, #nav-link { margin-left: auto; padding: 0; } #header-link ul.nav, #nav-link ul.nav { margin: 0; } #header-link a.nav-link { padding: 0.5rem; font-size: 1rem; line-height: 1.5; } #header-link span.caret, #nav-link span.caret { margin-left: 4px; padding-bottom: 4px; } #header-link li.nav-item.dropdown.open a.nav-link, #nav-link li.nav-item.dropdown.open a.nav-link { background-color: transparent; } #header-link ul.dropdown-menu, #nav-link ul.dropdown-menu { margin: 2px 0 0 0; padding: 0.5rem 0; border-radius: 6px; box-shadow: none; } #header-link li.divider, #nav-link li.divider { margin: 0.5rem 0; } #header-link a.dropdown-item, #nav-link a.dropdown-item { padding: 0.25rem 1rem; font-size: 1rem; line-height: 1.5; } #nav { position: sticky; top: 0; margin: 0; border: 0; border-radius: 0; z-index: 1000; } #nav a.navbar-brand { margin: 0 1rem 0 0; padding: 5px 0; height: auto; } #nav button.navbar-toggle { margin: 0 10px 0 0; height: calc(var(--nav-brand-height) + var(--nav-brand-margin-top)); } #nav-link ul.nav { margin: 19px 0 0 0; } #nav-link a.nav-link { padding: 0.5rem; line-height: 1.5; } #nav div.megamenu-content { padding: 0.5rem 0; box-shadow: none !important; } #nav div.megamenu-content div.container { padding: 0 0.75rem; } #nav div.megamenu-content div.row { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -0.75rem; } #nav div.megamenu-content div.row > div { padding: 0 0.75rem; } #nav a.megamenu-heading { padding: 0.25rem !important; border: 0 !important; text-decoration: none; } #nav div.megamenu-content div.list-group { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; padding: 0.5rem 0 1.5rem 0; } #nav div.megamenu-content a.list-group-item { margin: 0; padding: 0.25rem; } #banner h1 { margin: 0 0 0.5rem 0; } body > div.container { padding: 0 0.75rem; width: 100%; } .row { margin: 0; } .visually-hidden { position: absolute; overflow: hidden; margin: -1px; padding: 0; border: 0; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); white-space: nowrap; } @media (max-width : 767px) { #header div.navbar-header, #nav div.navbar-header { margin: 0; } #header-link, #nav-link { margin: 0; border: 0; box-shadow: none; } #header-link a.dropdown-item { color: var(--header-link-color); } #header-link li.divider, #nav-link li.divider { display: none; } #nav-link ul.nav { margin: 0; } #nav-link a.nav-link { padding: 0.5rem 0; } #nav-link ul.dropdown-menu { margin-top: 0; padding-top: 0; } #nav-link a.dropdown-item { color: var(--nav-menu-color); } #nav-link a.dropdown-item:hover { color: var(--main-link-color); } } </style> <style> :root { --main-max-width: 1160px !important; --application-nav-link-selected-font-color: #00707f; --application-nav-link-selected-border-color: #00707f; --application-border-color: #dfdfdf; --application-select-color: #00707f; } #s-lc-public-skiplink, #s-lc-public-banner, #s-lc-public-bc, #s-lc-public-header, #s-lc-public-footer, #s-lc-page-maincontent > div.s-lc-row:first-child, #hours_php #s-lc-page-maincontent > div.s-lc-row:last-child, div.s-lc-box-title:empty { display: none; } .language.visible { visibility: visible !important; } [id^="header-link-language-"] i { visibility: hidden; } #header-link a.selectedLanguage { font-weight: 900; } #header-link a.selectedLanguage i { visibility: visible; } @media (min-width : 768px) { #nav-link a.nav-link, #nav-link span.nav-link { padding-bottom: 5px; border-bottom: 3px solid transparent; } } @media (min-width : 768px) { #index_php #nav-link-body-index_php, :is(#app, #app_landing, #myschedauth, #cancel_app_php) #nav-link-body-appointments, #app #nav-link-body-appointments, #new_reservation #nav-link-body-new_reservation, body[id^="equip"] #nav-link-body-new_reservation, #map_landing #nav-link-body-new_reservation, body[id*='calendar'] #nav-link-body-calendar, body[id*='event_cal'] #nav-link-body-calendar { color: var(--main-link-color); } } #nav-link a.nav-link.separator { padding-right: 0; color: var(--main-link-color); } @media (min-width: 768px) { #nav-link li.nav-item.extension { border-top: 1px solid var(--application-border-color); border-left: 1px solid var(--application-border-color); border-right: 1px solid var(--application-border-color); border-radius: 5px 5px 0 0; } #nav-link li.nav-item.extension a { padding-top: 7px; } } /* */ #bannerContainer { position: relative; padding: 0 0.75rem; width: 100%; max-width: 100%; } #bannerContainer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.25; background-image: url('https://explore.lib.uliege.be/discovery/custom/32ULG_INST-ULIEGE/img/searchbox-bg.jpg'); background-position: center center; background-size: cover; } #banner { position: relative; margin-top: 0; padding-top: 2rem; padding-bottom: 1rem; } #banner h1 { display: inline-block; } /* */ #banner { display: block; } #bannerButton { display: none; } #bannerButton p { display: flex; margin: 0; } #bannerButton a.btn-info { margin-top: 1rem; } @media only screen and (max-width: 767px) { #index_php #bannerButton { display: block; } #index_php #bannerButton a { width: 100%; text-align: left; } } @media only screen and (max-width: 629px) { #footer .u-footer { margin-top: 4rem; } } #mainButton { margin-bottom: 2rem !important; padding-bottom: 1rem; border-bottom: 1px solid var(--application-border-color); text-align: right; } #mainButton a.btn-info { width: 20rem; margin-top: 1rem; } #mainLink { margin-top: 2rem !important; } #mainLink i { margin-right: 0.5rem; } @media only screen and (max-width: 767px) { #mainButton { display: none; } } #s-lc-public-title-area { /* = main, content */ margin: 4rem auto 0 auto; max-width: var(--main-max-width); font-size: var(--main-font-size); line-height: var(--main-line-height); color: var(--main-text-color); } #s-lc-public-title { /* = row */ margin: -2rem 0 0 0; padding: 0; } #s-lc-public-title > div { /* = column */ margin: 0; padding: 0; } #s-lc-public-pt { margin: 0; padding: 0; font-size: 2rem; font-weight: 900; line-height: 45px; color: var(--main-heading-color); } #s-lc-public-pd { /* = row */ margin: -2rem 0 0 0; padding: 0; } #s-lc-public-pd > div { /* = column */ margin: 0; padding: 0; } #s-lc-public-pt > div.s-lc-eq-booking-title { margin: 0; padding: 0; } #s-lc-public-pt > div.s-lc-eq-booking-title a { color: var(--main-link-color); } #s-lc-public-pt > div.s-lc-eq-location-select { margin: 0; padding: 0; font-size: var(--main-font-size); font-weight: 400; line-height: var(--main-line-height); color: var(--main-text-color); vertical-align: middle; } #location { border: 1px solid var(--application-select-color); font-size: var(--main-font-size); line-height: var(--main-line-height); height: inherit; color: var(--application-select-color); } :is(#index_php, [id^="event_cal"]) #s-lc-page-maincontent { /* = content */ margin: 0 -0.75rem; } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-row { /* = row */ margin: 3rem 0.75rem 0 0.75rem; padding: 50px 58px; border: 1px solid var(--application-border-color); } @media only screen and (max-width: 767px) { :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-row { /* = row */ padding: 0.75rem 0; } } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-column-top, :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-page-column, :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-column-bottom { /* = column */ padding: 0 0.75rem; } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-box-container { margin: 0; border: 0; } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-box { margin: 0; border: 0; } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-box-title { margin: 0 0 30px 0; padding: 0; border: 0; background-color: transparent; background-image: none; } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-box-content { margin: -1rem 0; padding: 0; } :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-content-text, :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-content-sp-seat-booking, :is(#index_php, [id^="event_cal"]) > div.container > main div.s-lc-content-evt { margin: 1rem 0; } :is(#index_php, [id^="event_cal"]) > div.container > main p.s-lc-timezone-container { display: none; text-align: right; padding: 0 0 1rem 0; border-bottom: 1px solid var(--application-border-color); } :is(#index_php, [id^="event_cal"]) > div.container > main p.s-lc-timezone-container + div.s-lc-c-evt { padding-top: 20px; border-top: 1px solid var(--application-border-color); } :is(#index_php, [id^="calendar"], [id^="event_cal"]) > div.container > main div.s-lc-c-evt { border-bottom: 1px solid var(--application-border-color); } :is(#index_php, [id^="event_cal"]) > div.container > main h2.s-lc-c-evt-title a { text-decoration: underline; } :is(#index_php, [id^="event_cal"]) > div.container > main h2.s-lc-c-evt-title a:hover { text-decoration: none; } :is(#new_reservation, #map_landing, [id^="equip"], #space_checkin, [id^="cancel"], [id^="app"], #myschedauth) #s-lc-public-main { /* = content */ margin: 0 -0.75rem; padding: 0; } :is(#new_reservation, #map_landing, [id^="equip"], #space_checkin, [id^="cancel"], [id^="app"], #myschedauth) :is(#s-lc-public-page-content, #s-lc-booking-success) { /* = row */ margin: 2rem 0.75rem 0 0.75rem; padding: 50px 58px; border: 1px solid var(--application-border-color); } @media only screen and (max-width: 767px) { /* = row */ :is(#new_reservation, #map_landing, [id^="equip"], #space_checkin, [id^="cancel"], [id^="app"], #myschedauth) :is(#s-lc-public-page-content, #s-lc-booking-success) { padding: 0.75rem 0; } } :is(#new_reservation, #map_landing, [id^="equip"], #space_checkin, [id^="cancel"], [id^="app"], #myschedauth) :is(#s-lc-public-page-content, #s-lc-booking-success) > div { /* = column */ padding: 0 0.75rem; } @media only screen and (min-width: 768px) { #s-lc-page-column-0 > div:first-child, #s-lc-page-column-1 > div:first-child, #s-lc-page-column-4 > div:first-child { margin-left: -50px !important; padding-left: 50px !important; background-position: 5px 10px; background-repeat: no-repeat; } #s-lc-page-column-0 > div:first-child { background-image: url('https://sd.lib.uliege.be/module/image/book-it/appointment.svg'); } #s-lc-page-column-1 > div:first-child { background-image: url('https://sd.lib.uliege.be/module/image/book-it/place.svg'); } #s-lc-page-column-4 > div:first-child { background-image: url('https://sd.lib.uliege.be/module/image/book-it/event.svg'); } #index_php #s-lc-page-column-0 > div:first-child h1, #index_php #s-lc-page-column-1 > div:first-child h1, #index_php #s-lc-page-column-4 > div:first-child h1 { padding-left: 1rem !important; border-left: 1px solid var(--application-border-color); } } span.material-symbols-outlined { margin: 1rem 1rem 0 0; align-content: center; color: var(--main-heading-color); } #home-row2-p1 a, #home-row2-p2 a { color: var(--main-heading-color); } :is([id^="equip"]) #s-lc-eq-navform { margin-top: 0; } :is([id^="equip"]) #s-lc-eq-navform select { margin-right: 1rem; margin-left: 0.5rem; } :is([id^="equip"]) #s-lc-eq-bwell .col-md-5 { width: 50%; padding-top: 0; font-size: var(--main-font-size); line-height: 30px; } :is([id^="equip"]) #s-lc-eq-bwell .col-md-3 { width: 40%; } :is([id^="equip"]) #s-lc-eq-bwell .col-md-3 select { padding-top: 2px; font-size: var(--main-font-size); } @media only screen and (max-width: 991px) { :is([id^="equip"]) #s-lc-eq-bwell .col-md-5 { width: 100%; text-align: left; } :is([id^="equip"]) #s-lc-eq-bwell .col-md-3 { width: 100%; } } :is([id^="equip"]) #s-lc-eq-co-itemlist > div.container { padding: 0 !important; width: auto !important; } :is([id^="equip"]) #s-lc-bform-help { font-size: var(--main-font-size); line-height: var(--main-line-height); } :is([id^="equip"]) #s-lc-eq-bform { overflow: hidden; } :is([id^="equip"]) #s-lc-eq-bform > fieldset > div:nth-child(5) { margin-bottom: 0; } :is([id^="equip"]) #s-lc-eq-bform > fieldset > div:nth-child(5) div.col-sm-6 { width: auto; } :is([id^="equip"]) #btn-form-submit { float: left !important; margin: 15px 1rem 0 0; } :is([id^="equip"]) #s-lc-eq-auth-lobtn { float: left !important; margin: 15px 0 0 0; } :is([id^="equip"]) #s-lc-eq-success-buttons { margin-top: 9px; } :is([id^="equip"]) #s-lc-eq-success-buttons > a:first-child { float: left !important; margin: 15px 1rem 0 0; } :is([id^="cancel"]) #s-lc-eq-cancel-items > div.container { padding: 0 !important; width: auto !important; } :is([id^="cancel"]) #s-lc-start-new-booking + br { display: none; } @media only screen and (min-width: 992px) { :is(#new_reservation, [id^="equip"]) > div.container > main div.s-lc-search-filters { margin-left: -58px; } :is(#new_reservation, [id^="equip"]) > div.container > main div.panel, /* 18-04-2024 */ :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-results, :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-other-results { margin-right: -58px; } } @media only screen and (max-width: 991px) { :is(#new_reservation, [id^="equip"]) > div.container > main div.panel { /* 18-04-2024 */ margin-top: 3rem; } } :is(#new_reservation, [id^="equip"]) > div.container > main div.s-lc-filters-used { margin-top: 3rem; margin-bottom: 0; } :is(#new_reservation, [id^="equip"]) #s-lc-search-hourly { margin: 0 -15px; } :is(#new_reservation) #panel_container_desc i.fa-chevron-right, :is(#new_reservation) #panel_container_desc i.fa-chevron-down { width: 1rem; } :is(#new_reservation, [id^="equip"]) > div.container > main div.panel + #s-lc-eq-search-results, :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-results + #s-lc-eq-search-other-results { margin-top: 3rem; } :is(#new_reservation, [id^="equip"]) > div.container > main div.s-lc-search-filters, :is(#new_reservation, [id^="equip"]) > div.container > main div.panel, /* 18-04-2024 */ :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-results, :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-other-results { margin-bottom: 0; } :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-results > div.media:last-child, :is(#new_reservation, [id^="equip"]) #s-lc-eq-search-other-results > div.media:last-child { margin-bottom: 0; } :is(#new_reservation, [id^="equip"]) > div.container > main ul.nav-tabs { padding-left: 0; } :is([id^="equip"]) #s-lc-item-title-area { margin: 30px -15px 0 -15px; } :is([id^="equip"]) #s-lc-book-now-container .col-md-4 { padding: 0; } :is([id^="equip"]) > div.container > main div.s-lc-booking-element { margin-bottom: 0; } :is([id^="equip"]) > div.container > main form { margin-bottom: 0; } @media only screen and (min-width: 992px) { :is([id^="equip"]) #s-lc-public-page-content > div.margin-bottom-lg:first-child { margin-bottom: 0; } } :is(#map_landing) > div.container > main div.s-lc-map-sidebar, #s-lc-map-content-div nav ol { border: 1px solid #e5e5e5; border-radius: 4px; background-color: #f6f6f6 !important; } :is(#map_landing) > div.container > main button.s-lc-map-sidebar-btn, :is(#map_landing) > div.container > main button.s-lc-map-sidebar-btn:hover, :is(#map_landing) > div.container > main button.s-lc-map-sidebar-btn:focus { border: 0; background-color: #f6f6f6; } :is(#map_landing) > div.container > main ul.s-lc-map-pills li a { background-color: #f6f6f6; } :is(#map_landing) > div.container > main div.s-lc-mapcard-heading { border-bottom: 1px solid #e5e5e5; background-color: #f6f6f6; } :is(#map_landing) > div.container > main div.s-lc-mapcard-event-color-bar { background-color: transparent !important; } :is(#map_landing) > div.modal a.s-lc-map-resource-availability { color: var(--main-link-color); } :is(#map_landing) > div.container > main div.s-lc-map-sidebar-cont ul li:nth-child(2) { display: none; } #s-lc-map-image svg { max-height: fit-content; } :is([id^="calendar"]) > div.container > main div.s-lc-timezone-container, :is([id^="calendar"]) > div.container > main button.s-lc-nav-monthly, :is([id^="calendar"]) > div.container > main button.s-lc-nav-weekly { display: none; } :is([id^="calendar"]) div.datepicker { z-index: 1000 !important; } :is([id^="calendar"]) #s-lc-public-main { padding: 0; } :is([id^="calendar"]) #col1 { padding: 0; } :is([id^="calendar"]) #s-lc-filter-date { margin-top: 0; } @media only screen and (max-width: 991px) { :is([id^="calendar"]) > div.container > main div.s-lc-c-r { margin-top: 3rem; } } :is([id^="calendar"]) #s-lc-c-sbtn { margin-right: 1rem; } :is([id^="calendar"]) #s-lc-c-filters-used :is(strong, em) { padding-left: 0.5rem; } :is([id^="calendar"]) #s-lc-c-filters-used strong:first-child::before { content: ' '; } :is([id^="calendar"]) > div.container > main div.s-lc-c-erc { border-bottom: 3px solid var(--application-nav-link-selected-border-color); } :is([id^="calendar"]) > div.container > main h1.s-lc-c-erh { color: var(--main-heading-color); } :is([id^="calendar"]) #s-lc-c-header-subtitle { color: var(--main-link-color); } :is([id^="calendar"]) #s-lc-ical-link { display: none !important; } :is([id^="calendar"]) > div.container > main div.s-lc-ribbon span { background-color: var(--main-heading-color); } :is([id^="calendar"]) > div.container > main div.s-lc-ribbon::before, :is([id^="calendar"]) > div.container > main div.s-lc-ribbon::after { border-color: #005a66; } :is([id^="calendar"]) > div.container > main div.s-lc-ribbon-warning span { background-color: var(--help-background-color); } :is([id^="calendar"]) > div.container > main div.s-lc-ribbon-warning::before, :is([id^="calendar"]) > div.container > main div.s-lc-ribbon-warning::after { border-color: #cb6808; } :is([id^="calendar"]) > div.container > main h3.media-heading a { text-decoration: underline; } :is([id^="calendar"]) > div.container > main h3.media-heading a:hover { text-decoration: none; } :is([id^="event_cal"]) #s-lc-event-b-p, :is([id^="event_cal"]) #s-lc-event-b-f, :is([id^="event_cal"]) #s-lc-event-b-t, :is([id^="event_cal"]) > div.container > main dt.s-lc-timezone-container, :is([id^="event_cal"]) > div.container > main dd.s-lc-timezone-container { display: none; } :is([id^="event_cal"]) #s-lc-page-column-1 div.col-md-12:first-child { padding-left: 0; } :is([id^="event_cal"]) > div.container > main div.s-lc-box-content { margin-top: 0 !important; margin-bottom: 0 !important; } :is([id^="event_cal"]) #s-lc-page-column-2 { margin: 0; } @media only screen and (min-width: 992px) { :is([id^="event_cal"]) #s-lc-page-column-1 { width: 85%; } :is([id^="event_cal"]) #s-lc-page-column-2 { width: 15%; } } @media only screen and (max-width: 991px) { :is([id^="event_cal"]) #s-lc-page-column-2 { margin-top: 3rem; } } :is([id^="event_cal"]) > div.container > main i.fa-google-plus-square { content: url(https://file.lib.uliege.be/libcal/Google_Calendar_icon_17x17.png); margin: 2px 0 -2px 0; } :is([id^="event_cal"]) #s-lc-page-column-2 h1 { margin-top: 2rem !important; font-size: var(--main-font-size) !important; line-height: var(--main-line-height) !important; text-align: center; } :is([id^="event_cal"]) #s-lc-page-column-2 > div:first-child > div:first-child > div:first-child > h1 { margin-top: 0 !important; } :is([id^="event_cal"]) > div.container > main div.s-lc-profilebox { border-bottom: 1px solid #ccc; } :is([id^="event_cal"]) > div.container > main div.s-lc-profile-name { font-size: var(--main-font-size); line-height: var(--main-line-height); font-weight: 400; } :is([id^="event_cal"]) > div.container > main div.s-lc-content-iconitem { margin-left: 0; } @media only screen and (min-width: 992px) { :is([id^="event_cal"]) > div.container > main dl.s-lc-event-dl dt { width: 120px; } :is([id^="event_cal"]) > div.container > main dl.s-lc-event-dl dd { margin-left: 140px; } } :is([id^="event_cal"]) #lc-s-event-fs div.form-group:last-child { margin-bottom: 0; } :is([id^="event_cal"]) #s-lc-event-cancel { width: auto; } :is([id^="event_cal"]) #s-lc-event-cancel div.alert-success { margin-bottom: 0; } :is([id^="event_cal"]) #s-lc-event-register-result-message { margin: 100px 0 !important; padding: 80px 40px; border: 1px solid var(--application-border-color); border-radius: 4px; } :is([id^="event_cal"]) #s-lc-event-register-result-message p { margin: 0 !important; padding: 15px; border: 1px solid var(--application-border-color); border-radius: 4px; font-size: var(--main-font-size); line-height: var(--main-line-height); color: #2d4821; background-color: #dff0d8; text-align: center; } :is([id^="event_cal"]) > div.container > main a.s-lc-event-browse-search { display: block; float: right; margin-top: 1rem; padding: 0.5rem 0 0 2rem; border-top: 1px solid var(--application-border-color); } :is([id^="event_cal"]) > div.container > main iframe.s-lc-event-google-map { margin-top: 1rem; } #s-lc-box-26202 div.s-lc-box-content { visibility: hidden; } #s-lc-box-26202 div.s-lc-box-content iframe { visibility: visible; } :is(#index_php) #s-lc-page-maincontent > div.s-lc-row:first-child { display: block; } :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content div.s-lc-content-mysched { float: right; margin: 0; text-align: right; } :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content div.s-lc-content-mysched ul { margin: 0.25rem 0 0 0; padding: 5px 0; width: 20rem; } :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content div.s-lc-content-mysched ul li { padding: 0; } :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content div.s-lc-content-mysched ul li a { padding: 0.5rem 1rem; font-size: 14.4px; color: var(--main-heading-color); } :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content div.s-lc-content-text { display: inline-block; } :is(#index_php) #s-lc-page-column-0 button { margin-top: 1rem; width: 20rem; } @media only screen and (max-width: 767px) { :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content.clearfix { margin-top: -1rem; } :is(#index_php) #s-lc-page-column-0 div.s-lc-content-mysched { display: none; } } @media only screen and (min-width: 992px) { :is(#index_php) #s-lc-page-column-0 div.s-lc-box-content { margin-top: -75px; } } :is(#app) #s-lc-public-page-content div.alert { margin: 0; } :is(#app_landing, #app) #s-lc-public-pt div.s-lc-app-booking-title { padding: 0; } :is(#app_landing, #app) #s-lc-public-pt div.dropdown { width: 300px !important; } :is(#app_landing, #app) #s-lc-public-pd { margin-top: 2rem; } :is(#app_landing, #app) :is(#s-lc-public-page-content, #s-lc-public-pd) p:empty { display: none !important; } :is(#app_landing, #app) :is(#s-lc-public-page-content, #s-lc-public-pd) h1 { margin: 0 0 30px 0 !important; } :is(#app, #myschedauth) > div.container > main h2 { margin: 0 0 30px 0; } :is(#app_landing, #app) :is(#s-lc-public-page-content, #s-lc-public-pd) p, :is(#app_landing, #app) :is(#s-lc-public-page-content, #s-lc-public-pd) ul { margin: 1rem 0 0 0 !important; } :is(#app_landing, #app) :is(#s-lc-public-page-content, #s-lc-public-pd) ul { padding: 0 0 0 2rem !important; } :is(#app_landing, #app) :is(#s-lc-public-page-content, #s-lc-public-pd) div > p:first-child { margin-top: 0 !important; } :is(#app_landing) #s-lc-public-pd div > p > img:first-child, :is(#app) > div.container > main div.modal-body > p > img:first-child { float: left !important; margin: 0 1rem 1rem 0 !important; width: 100px !important; } :is(#app_landing) #s-lc-public-pd a { color: var(--main-link-color) !important; } :is(#app) #s-lc-public-pd a { color: var(--main-heading-color) !important; } :is(#app_landing) #s-lc-public-pt span.s-lc-app-booking-title-user { display: none; } :is(#app_landing) #s-lc-public-title-area span.s-lc-app-booking-title-user { display: none; margin-top: 2rem; padding: 0; font-size: 24px; font-weight: 500; color: #757575; } :is(#app) > div.container > main div.s-lc-timezone-container { display: none; } :is(#app) #s-lc-app-s1 { padding-left: 0; } :is(#app) #s-lc-app-s1 > div.row > div.col-md-10 { padding: 0; width: 100%; } :is(#app) #s-lc-app-s1 div.panel-group { margin: 0; } :is(#app) #s-lc-app-s1 > div.alert { margin: 0; } :is(#app) #s-lc-app-s3 { padding-right: 0; } :is(#app) #s-lc-app-s3 > div.row > div.col-md-10 { padding: 0; width: 100%; } :is(#app) #s-lc-app-slist div.panel { margin: 10px 0 0 0; } :is(#app) #s-lc-app-slist div.panel:first-of-type { margin: 0; } :is(#app) #s-lc-app-slist h3.panel-title a { line-height: var(--main-line-height) !important; } :is(#app) #s-lc-app-slist div.panel-body { padding: 10px; } :is(#app) #s-lc-app-slist i.fa-chevron-right, :is(#app) #s-lc-app-slist i.fa-chevron-down { width: 1rem; } :is(#app) #s-lc-app-slist a { color: var(--main-heading-color); font-weight: 600; } :is(#app) #s-lc-app-slist a:hover { text-decoration: none; } :is(#app) #s-lc-app-slist div.s-lc-appointment-staff-member label, :is(#app) #s-lc-app-s1 h4.modal-title { font-family: 'Noto Color Emoji', 'Source Sans Pro', sans-serif; } :is(#app) #s-lc-app-dp div.ui-widget { width: 100%; font-size: 1rem; } :is(#app) #s-lc-app-dp div.ui-widget select.ui-datepicker-month { border: 1px solid #d8d8d8; background-color: white; } :is(#app) #s-lc-app-dp div.ui-widget a.ui-state-active { border: 1px solid var(--main-heading-color); } :is(#app) #s-lc-app-s3 div.text-center { text-align: left; } :is(#app) #s-lc-app-continue { margin: 25px 0 0 0; } @media only screen and (max-width: 991px) { :is(#app) #s-lc-app-s1 { padding-right: 0; } :is(#app) #s-lc-app-s2 { padding-left: 0; padding-right: 0; } :is(#app) #s-lc-app-s3 { padding-left: 0; } :is(#app) #s-lc-app-s2 h2, :is(#app) #s-lc-app-s3 h2 { margin: 45px 0 30px 0; } } :is(#myschedauth) #s-lc-appointment-details p.s-lc-timezone-container { display: none; } :is(#myschedauth) #s-lc-appointment-form-container .col-sm-3, :is(#myschedauth) #s-lc-appointment-form-container .col-md-3, :is(#myschedauth) #s-lc-appointment-form-container .col-sm-9, :is(#myschedauth) #s-lc-appointment-form-container .col-md-9 { padding: 0; } :is(#myschedauth) #s-lc-app-back-to-step1 { margin: 30px 0 0 0; } :is(#myschedauth) #s_lc_appform fieldset div.margin-top-xlg:first-of-type { margin-top: 0; } :is(#myschedauth) #s_lc_appform fieldset div.form-group { margin: 1rem 0 0 0; } :is(#myschedauth) #s_lc_appform fieldset div.form-group + div { margin-top: 1rem; } :is(#myschedauth) #s_lc_appform fieldset div.form-group:first-child, :is(#myschedauth) #s_lc_appform fieldset div.form-group:nth-of-type(2), :is(#myschedauth) #s_lc_appform fieldset div.form-group:last-child { margin: 0; } :is(#myschedauth) #s_lc_appform fieldset div.form-group.s-lc-name span.control-label, :is(#myschedauth) #s_lc_appform fieldset div.form-group label { padding-right: 1rem; } :is(#myschedauth) #s_lc_appform fieldset div.form-group p { padding: 0; } :is(#myschedauth) #s_lc_appform textarea { height: 10rem !important; } :is(#myschedauth) #s-lc-app-sub, :is(#myschedauth) #s-lc-m-auth-lobtn { margin-top: 30px; } :is(#myschedauth) #s-lc-appointment-error-msg { margin: 30px 0 0 0; } @media only screen and (max-width: 991px) { :is(#myschedauth) #s-lc-appointment-form-container > div:first-child { padding: 0; } :is(#myschedauth) #s_lc_appform fieldset div.form-group.s-lc-name span.control-label { float: none; } } :is(#myschedauth) #s-lc-appointment-results > div.row > div.col-md-12 { padding: 0; } :is(#myschedauth) #s-lc-appointment-results > div.row > div.col-md-12 > p { margin: 0; } :is(#myschedauth) #s-lc-appointment-results button.btn-default { margin: 30px 1rem 0 0; } :is(#app_landing) #s-lc-public-pd > div:first-child > p:first-child:not(:has(> img:first-child)), :is(#app) > div.container > main div.modal-body > p:first-child:not(:has(> img:first-child)) { display: none; } :is(#app_landing) #s-lc-public-pd > div:first-child > p:first-child:not(:has(> img:first-child)) + p, :is(#app) > div.container > main div.modal-body > p:first-child:not(:has(> img:first-child)) + p { margin-top: 0 !important; } :is(#cancel_app_php) #s-lc-app-twell dt.s-lc-timezone-container, :is(#cancel_app_php) #s-lc-app-twell dd.s-lc-timezone-container { display: none; } :is(#cancel_app_php) #s-lc-public-page-content div.col-md-6 { padding: 0; width: 100%; } :is(#cancel_app_php) #s-lc-public-page-content h2 { margin: 0 0 30px 0; } :is(#cancel_app_php) #s-lc-public-page-content dl.dl-horizontal { margin: 0; } :is(#cancel_app_php) #s-lc-app-twell { margin: 0; } :is(#cancel_app_php) #s-lc-cancel-success div.col-md-12 { padding: 0; } :is(#cancel_app_php) #s-lc-cancel-success div.alert-success { margin: 30px 0 0 0; } :is(#cancel_app_php) #schd_cancel_link { margin-left: 1rem; } :is(#cancel_app_php) #s-lc-pre-cancel div.col-md-12 { padding: 0; } :is(#cancel_app_php) #s-lc-pre-cancel p { margin: 0; } body > div.container > main * { outline: none !important; } :is(#index_php, [id^="equip"], [id^="event_cal"], #app_landing) > div.container > main h1:not(.media-heading) { margin: 0; padding: 0; font-size: 2rem; font-weight: 900; line-height: 45px; color: var(--main-heading-color); } :is([id^="equip"]) > div.container > main h2.s-lc-sub-header { margin: 0; font-size: var(--main-font-size); font-weight: 900; line-height: var(--main-line-height); color: var(--main-heading-color); } :is([id^="event_cal"]) #s-lc-event-desc h3 { font-size: 1.4em !important; } :is([id^="event_cal"]) #s-lc-event-desc h4 { font-size: 1.2em !important; } :is([id^="event_cal"]) #s-lc-event-desc h5 { font-size: 1em !important; text-decoration: underline !important; } :is([id^="event_cal"]) #s-lc-event-desc h6 { font-size: 1em !important; font-style: italic !important; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main p, :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main ul { margin: 1rem 0; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main ul { padding: 0 0 0 2rem; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > p:first-child, :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > ul:first-child { margin-top: 0; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > p:last-child, :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > p:last-child { margin-bottom: 0; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > form:first-child > p:first-child, :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > form:first-child > ul:first-child { margin-top: 0; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > form:last-child > p:last-child, :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main div > form:last-child > p:last-child { margin-bottom: 0; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main [type="hidden"] + p, :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main [type="hidden"] + ul { margin-top: 0; } :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main p + [type="hidden"], :is(#index_php, #new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main ul + [type="hidden"] { margin-bottom: 0; } :is(#index_php) > div.container > main p > span, :is(#index_php) > div.container > main li > span { font-size: inherit !important; line-height: inherit !important; } body > div.container > main a:not(.btn, .dropdown-item) { color: var(--main-link-color); } :is(#new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main input, :is(#new_reservation, [id^="event_cal"], #space_checkin) > div.container > main select, :is([id^="equip"]) #s-lc-interactive-filters select, :is(#myschedauth) #s-lc-appointment-form-container select, :is(#myschedauth) #s-lc-appointment-form-container textarea { border: 1px solid var(--application-select-color); height: inherit; font-size: var(--main-font-size); line-height: var(--main-line-height); color: var(--application-select-color); } :is(#new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main input[type=text], :is(#new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main input[type=email] { color: var(--main-text-color); } :is(#new_reservation, [id^="equip"], [id^="event_cal"], #space_checkin) > div.container > main form > div.form-group:last-child { margin-bottom: 0; } #bannerButton a.btn, #s-lc-filters-spaces-go, :is(#index_php, #new_reservation, [id^="equip"], [id^="cancel"], [id^="calendar"], [id^="event_cal"], #space_checkin) > div.container > main a.btn:not(.btn-default, #s-lc-timegrid-loading, #s-lc-eq-auth-lobtn), :is(#index_php, #new_reservation, [id^="equip"], [id^="cancel"], [id^="calendar"], [id^="event_cal"], #space_checkin, #app, #myschedauth) > div.container > main button.btn:not(.btn-default, #s-lc-timegrid-loading), :is([id^="equip"]) #s-lc-go, :is([id^="equip"]) #s-lc-by-space-go { display: inline-block; padding: 0.8em 1.2em; border: 0; border-radius: 4px; background-color: #00707f; background-image: linear-gradient(to right, #5fa4b0 51%, #00707f 51%); background-position: 100% 0; background-size: 206% 100%; font-size: 14.4px; font-weight: 600; letter-spacing: 0.5px; color: white; text-decoration: none; transition: background-position 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #bannerButton a.btn:hover, #bannerButton a.btn:focus, #s-lc-filters-spaces-go:hover, #s-lc-filters-spaces-go:focus, :is(#index_php, #new_reservation, [id^="equip"], [id^="cancel"], [id^="calendar"], [id^="event_cal"], #space_checkin) > div.container > main a.btn:not(.btn-default, #s-lc-timegrid-loading, #s-lc-eq-auth-lobtn):hover, :is(#index_php, #new_reservation, [id^="equip"], [id^="cancel"], [id^="calendar"], [id^="event_cal"], #space_checkin) > div.container > main a.btn:not(.btn-default, #s-lc-timegrid-loading, #s-lc-eq-auth-lobtn):focus, :is(#index_php, #new_reservation, [id^="equip"], [id^="cancel"], [id^="calendar"], [id^="event_cal"], #space_checkin, #app, #myschedauth) > div.container > main button.btn:not(.btn-default, #s-lc-timegrid-loading):hover, :is(#index_php, #new_reservation, [id^="equip"], [id^="cancel"], [id^="calendar"], [id^="event_cal"], #space_checkin) > div.container > main button.btn:not(.btn-default, #s-lc-timegrid-loading):focus { color: white; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-position: 0 0; } :is([id^="calendar"]) > div.container > main a.btn.btn-default:not(.dropdown-toggle, .s-lc-nav-tab), :is([id^="calendar"]) > div.container > main button.btn.btn-default:not(.dropdown-toggle, .s-lc-nav-tab), :is([id^="equip"]) #s-lc-eq-bwell .col-md-3 button { background-color: #00707f; background-image: linear-gradient(to right, #5fa4b0 51%, #00707f 51%); background-position: 100% 0; background-size: 206% 100%; color: white !important; text-decoration: none; transition: background-position 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } :is([id^="calendar"]) > div.container > main a.btn.btn-default:not(.dropdown-toggle, .s-lc-nav-tab):hover, :is([id^="calendar"]) > div.container > main a.btn.btn-default:not(.dropdown-toggle, .s-lc-nav-tab):focus, :is([id^="equip"]) #s-lc-eq-bwell .col-md-3 button:hover, :is([id^="equip"]) #s-lc-eq-bwell .col-md-3 button:focus, :is([id^="calendar"]) > div.container > main button.btn.btn-default:not(.dropdown-toggle, .s-lc-nav-tab):hover, :is([id^="calendar"]) > div.container > main button.btn.btn-default:not(.dropdown-toggle, .s-lc-nav-tab):focus { color: white; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); background-position: 0 0; } :is([id^="equip"]) #s-lc-eq-auth-lobtn, :is(#myschedauth) #s-lc-m-auth-lobtn, :is(#myschedauth) #s-lc-appointment-results button.btn-default { display: inline-block; padding: 0.8em 1.2em; border-radius: 4px; border-color: #ccc; background-color: white; font-size: 14.4px; letter-spacing: 0.5px; color: var(--main-text-color); text-decoration: none; } :is([id^="equip"]) #s-lc-eq-auth-lobtn:hover, :is(#myschedauth) #s-lc-m-auth-lobtn:hover, :is(#myschedauth) #s-lc-appointment-results button.btn-default:hover { border-color: #adadad; background-color: #e6e6e6; } </style> <script> window.onload = function() {loadWindow()}; function loadWindow() { var viewport = document.querySelector('meta[name=viewport]'); viewport.setAttribute('content', 'width=device-width, initial-scale=1, minimum-scale=1'); document.getElementById('s-lc-public-cust-header').before(document.getElementById('header')); document.getElementById('s-lc-public-cust-header').before(document.getElementById('nav')); if (document.getElementsByClassName('s-lc-app-booking-title-user')[0]) { let element = document.getElementsByClassName('s-lc-app-booking-title-user')[0]; element.innerHTML = element.innerHTML.replace(/^\s*-\s*/, ''); document.getElementById('s-lc-public-pd').before(element); element.style.display = "block"; } var language = {}; var languageUrl = {}; var defaultLanguage = ''; initializeLanguage(); showLanguage(); } function initializeLanguage() { defaultLanguage = ''; var element = document.getElementById('s-lc-box-29849'); if (element) { var h1 = element.getElementsByTagName('h1'); if (h1) { h1[0].id = 'home-row0-col1-h1'; h1[0].classList.add('language'); } } var element = document.getElementById('s-lc-content-mysched-36453'); if (element) { var button = element.getElementsByTagName('button'); if (button) { button[0].id = 'home-row0-col1-button1'; button[0].classList.add('language'); } } var element = document.getElementById('s-lc-box-26626'); if (element) { var h1 = element.getElementsByTagName('h1'); if (h1) { h1[0].id = 'home-row1-col1-h1'; h1[0].classList.add('language'); } } var element = document.getElementById('s-lc-box-26951'); if (element) { var h1 = element.getElementsByTagName('h1'); if (h1) { h1[0].id = 'home-row2-h1'; h1[0].classList.add('language'); } } var element = document.getElementById('s-lc-box-25228'); if (element) { var h1 = element.getElementsByTagName('h1'); if (h1) { h1[0].id = 'event-row1-col1-h1'; h1[0].classList.add('language'); } } var element = document.getElementById('s-lc-box-26207'); if (element) { var h1 = element.getElementsByTagName('h1'); if (h1) { h1[0].id = 'event-row2-h1'; h1[0].classList.add('language'); } } var dlList = document.getElementsByClassName('s-lc-event-dl'); if (dlList[0]) { var ddList = dlList[0].getElementsByTagName('dd'); for (var i = 0; i < ddList.length; i++) { var content = ddList[i].textContent; content = content.replace(/^\s+/, ''); content = content.replace(/\s+$/, ''); content = content.replace(/\s+/g, ' '); if (content == 'Online Event URL will be sent via registration email.') { ddList[i].id = 'content-online-event-url'; ddList[i].classList.add('language'); break; } } } language = { // header 'header-brand': {'en': 'University of Liège', 'fr': 'Université de Liège'}, 'header-link-vpn': {'en': 'Off-campus access (VPN)', 'fr': 'Accès hors campus (VPN)'}, 'header-link-card': {'en': 'MyLibrary card', 'fr': 'Compte MyLibrary'}, 'header-link-favorite': {'en': 'My favorites', 'fr': 'Mes favoris'}, 'header-link-history': {'en': 'Search history', 'fr': 'Historique des recherches'}, // navbar 'nav-link-body-index_php': {'en': 'Book it - Home', 'fr': 'Book it - Accueil'}, 'nav-link-body-appointments': {'en': 'Make an appointment', 'fr': 'Prendre un rendez-vous'}, 'nav-link-body-new_reservation-span': {'en': 'Book a room / place', 'fr': 'Réserver une salle / place'}, 'nav-link-body-new_reservation-pc': {'en': 'via availability grid', 'fr': 'via la grille des disponibilités'}, 'nav-link-body-new_reservation-phone': {'en': 'via search', 'fr': 'via la recherche'}, // enable / disable interactive maps (zone 1) // 'nav-link-body-new_reservation-map': {'en': 'via interactive maps', 'fr': 'via les cartes interactives'}, // 'nav-link-body-calendar': {'en': 'Register for an event', 'fr': 'S\'inscrire à un évènement'}, // banner 'banner-h1': { 'en': '<a href="/">Book it, your reservation system</a>', 'fr': '<a href="/">Book it, votre système de réservation</a>' }, 'banner-p': { 'en': 'You can use \'Book it\' to make an appointment with a librarian, reserve a working room or a seat, or register for a training course or event.', 'fr': '"Book it" vous permet de prendre rendez-vous avec un·e bibliothécaire, de réserver une salle de travail, une place ou de vous inscrire à une formation ou manifestation.' }, // megamenu 'megamenu1': { 'en': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Using the library<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/using-library/services" class="nav-link p-1 megamenu-heading">Services</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/using-library/services/borrowing-consulting" class="nav-link p-1 list-group-item">Borrowing & Consulting</a> <a href="https://lib.uliege.be/en/using-library/services/interlibrary-loan-ill" class="nav-link p-1 list-group-item">Interlibrary Loan (ILL)</a> <a href="https://lib.uliege.be/en/using-library/services/digitisation-request" class="nav-link p-1 list-group-item">Digitisation Request</a> <a href="https://lib.uliege.be/en/using-library/services/research-consultations" class="nav-link p-1 list-group-item">Research Consultations</a> <a href="https://lib.uliege.be/en/using-library/services/purchase-request" class="nav-link p-1 list-group-item">Purchase Request</a> <a href="https://lib.uliege.be/en/using-library/services/invoice-stamping-request" class="nav-link p-1 list-group-item">Invoice Stamping Request</a> <a href="https://lib.uliege.be/en/help-training/need-help/training" class="nav-link p-1 list-group-item">Training</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/using-library/resources" class="nav-link p-1 megamenu-heading">Resources</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/using-library/resources/catalogues-resources" class="nav-link p-1 list-group-item">Catalogues & Resources</a> <a href="https://lib.uliege.be/en/using-library/resources/open-access-resources" class="nav-link p-1 list-group-item">Open Access Resources</a> <a href="https://lib.uliege.be/en/using-library/resources/databases" class="nav-link p-1 list-group-item">Databases</a> <a href="https://lib.uliege.be/en/using-library/resources/scribe" class="nav-link p-1 list-group-item">Scribe</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/using-library/tools" class="nav-link p-1 megamenu-heading">Tools</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/using-library/tools/campus-access-vpn" class="nav-link p-1 list-group-item">Off-Campus Access (VPN)</a> <a href="https://lib.uliege.be/en/using-library/tools/treasure-chest" class="nav-link p-1 list-group-item">Treasure Chest</a> <a href="https://lib.uliege.be/en/using-library/tools/library-mobile" class="nav-link p-1 list-group-item">Library Mobile</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/using-library/heritage-collections" class="nav-link p-1 megamenu-heading">Heritage Collections</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/using-library/heritage-collections/conservation-digitisation" class="nav-link p-1 list-group-item">Conservation & Digitisation</a> <a href="https://lib.uliege.be/en/using-library/heritage-collections/consulting-heritage-collections" class="nav-link p-1 list-group-item">Consulting the Heritage Collections</a> <a href="https://lib.uliege.be/en/using-library/heritage-collections/donum" class="nav-link p-1 list-group-item">DONum</a> <a href="https://lib.uliege.be/en/using-library/heritage-collections/legito" class="nav-link p-1 list-group-item">Legito</a> </div> </div> </div> </div> </div>`, 'fr': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Ressources et services<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/services" class="nav-link p-1 megamenu-heading">Services</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/services/pret-et-consultation" class="nav-link p-1 list-group-item">Prêt et consultation</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/pret-interbibliotheques" class="nav-link p-1 list-group-item">Prêt interbibliothèques</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/numerisation-sur-demande" class="nav-link p-1 list-group-item">Numérisation sur demande</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/recherche-sur-demande" class="nav-link p-1 list-group-item">Recherche sur demande</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/suggestion-dachat" class="nav-link p-1 list-group-item">Suggestion d'achat</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/demande-de-visa" class="nav-link p-1 list-group-item">Demande de visa</a> <a href="https://lib.uliege.be/fr/support/besoin-daide/formations" class="nav-link p-1 list-group-item">Formations</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources" class="nav-link p-1 megamenu-heading">Ressources</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/catalogues-et-ressources" class="nav-link p-1 list-group-item">Catalogues et ressources</a> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/ressources-en-open-access" class="nav-link p-1 list-group-item">Ressources en Open Access</a> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/bases-de-donnees" class="nav-link p-1 list-group-item">Bases de données</a> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/scribe" class="nav-link p-1 list-group-item">Scribe</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/outils" class="nav-link p-1 megamenu-heading">Outils</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/outils/acces-hors-campus-vpn" class="nav-link p-1 list-group-item">Accès hors campus (VPN)</a> <a href="https://lib.uliege.be/fr/ressources-et-services/outils/coffre-aux-tresors" class="nav-link p-1 list-group-item">Coffre aux trésors</a> <a href="https://lib.uliege.be/fr/ressources-et-services/outils/library-mobile" class="nav-link p-1 list-group-item">Library Mobile</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine" class="nav-link p-1 megamenu-heading">Patrimoine</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/conservation-et-numerisation" class="nav-link p-1 list-group-item">Conservation et numérisation</a> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/consulter-les-fonds-patrimoniaux" class="nav-link p-1 list-group-item">Consulter les fonds patrimoniaux</a> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/donum" class="nav-link p-1 list-group-item">DONum</a> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/legito" class="nav-link p-1 list-group-item">Legito</a> </div> </div> </div> </div> </div>` }, 'megamenu2': { 'en': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Help & training<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/help-training/need-help" class="nav-link p-1 megamenu-heading">Need help?</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/help-training/need-help/getting-started" class="nav-link p-1 list-group-item">Getting Started</a> <a href="https://lib.uliege.be/en/help-training/need-help/training" class="nav-link p-1 list-group-item">Training</a> <a href="https://lib.uliege.be/en/uliege-library/about/staff-directory" class="nav-link p-1 list-group-item">Staff Directory</a> <a href="https://lib.uliege.be/en/help-training/need-help/subject-librarians" class="nav-link p-1 list-group-item">Subject Librarians</a> <a href="https://lib.uliege.be/en/visites" class="nav-link p-1 list-group-item">Visits</a> <a href="https://lib.uliege.be/en/node/673" class="nav-link p-1 list-group-item">FAQ</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/help-training/research" class="nav-link p-1 megamenu-heading">Research</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/help-training/research/citing-sources" class="nav-link p-1 list-group-item">Citing Sources</a> <a href="https://lib.uliege.be/en/help-training/research/references-management" class="nav-link p-1 list-group-item">References Management</a> <a href="https://lib.uliege.be/en/help-training/research/current-awareness" class="nav-link p-1 list-group-item">Current Awareness</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/help-training/publication" class="nav-link p-1 megamenu-heading">Publication</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/help-training/publication/open-digital-publishing" class="nav-link p-1 list-group-item">Open Digital Publishing</a> <a href="https://lib.uliege.be/en/help-training/publication/bibliometrics" class="nav-link p-1 list-group-item">Bibliometrics</a> <a href="https://lib.uliege.be/en/help-training/publication/academic-social-networks" class="nav-link p-1 list-group-item">Academic Social Networks</a> <a href="https://lib.uliege.be/en/help-training/publication/uploading-orbi" class="nav-link p-1 list-group-item">Uploading to ORBi</a> <a href="https://lib.uliege.be/en/help-training/publication/publishing-popups" class="nav-link p-1 list-group-item">Publishing on PoPuPS</a> <a href="https://lib.uliege.be/en/help-training/publication/legal-deposit" class="nav-link p-1 list-group-item">Legal Deposit</a> <a href="https://lib.uliege.be/en/help-training/publication/copyright" class="nav-link p-1 list-group-item">Copyright</a> </div> </div> </div> </div> </div>`, 'fr': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Support<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/support/besoin-daide" class="nav-link p-1 megamenu-heading">Besoin d'aide ?</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/support/besoin-daide/decouvrir-uliege-library" class="nav-link p-1 list-group-item">Découvrir ULiège Library</a> <a href="https://lib.uliege.be/fr/support/besoin-daide/formations" class="nav-link p-1 list-group-item">Formations</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/equipe" class="nav-link p-1 list-group-item">Équipe</a> <a href="https://lib.uliege.be/fr/support/besoin-daide/responsables-disciplinaires" class="nav-link p-1 list-group-item">Responsables disciplinaires</a> <a href="https://lib.uliege.be/fr/visites" class="nav-link p-1 list-group-item">Visites</a> <a href="https://lib.uliege.be/fr/faq" class="nav-link p-1 list-group-item">FAQ</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/support/recherche" class="nav-link p-1 megamenu-heading">Recherche</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/support/recherche/citer-un-document" class="nav-link p-1 list-group-item">Citer un document</a> <a href="https://lib.uliege.be/fr/support/recherche/gerer-sa-bibliographie" class="nav-link p-1 list-group-item">Gérer sa bibliographie</a> <a href="https://lib.uliege.be/fr/support/recherche/veille-documentaire" class="nav-link p-1 list-group-item">Veille documentaire</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/outils" class="nav-link p-1 megamenu-heading">Publication</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/support/publication/edition-numerique-ouverte" class="nav-link p-1 list-group-item">Édition numérique ouverte</a> <a href="https://lib.uliege.be/fr/support/publication/indicateurs-bibliometriques" class="nav-link p-1 list-group-item">Indicateurs bibliométriques</a> <a href="https://lib.uliege.be/fr/support/publication/reseaux-sociaux-academiques" class="nav-link p-1 list-group-item">Réseaux sociaux académiques</a> <a href="https://lib.uliege.be/fr/support/publication/deposer-sur-orbi" class="nav-link p-1 list-group-item">Déposer sur ORBi</a> <a href="https://lib.uliege.be/fr/support/publication/publier-sur-popups" class="nav-link p-1 list-group-item">Publier sur PoPuPS</a> <a href="https://lib.uliege.be/fr/support/publication/depot-legal" class="nav-link p-1 list-group-item">Dépôt légal</a> <a href="https://lib.uliege.be/fr/support/publication/droits-dauteur" class="nav-link p-1 list-group-item">Droits d'auteur</a> </div> </div> </div> </div> </div>` }, 'megamenu3': { 'en': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Open science<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/open-science/open-access" class="nav-link p-1 megamenu-heading">Open Access</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/open-science/open-access/what-open-access" class="nav-link p-1 list-group-item">What is Open Access?</a> <a href="https://lib.uliege.be/en/open-science/open-access/publishing-under-open-access" class="nav-link p-1 list-group-item">Publishing under Open Access</a> <a href="https://lib.uliege.be/en/open-science/open-access/open-access-uliege" class="nav-link p-1 list-group-item">Open Access at ULiège</a> <a href="https://lib.uliege.be/en/open-science/open-access/myths-misconceptions" class="nav-link p-1 list-group-item">Myths & Misconceptions</a> <a href="https://lib.uliege.be/en/help-training/publication/open-digital-publishing" class="nav-link p-1 list-group-item">Open Digital Publishing</a> <a href="https://lib.uliege.be/en/open-science/open-access/legal-aspects" class="nav-link p-1 list-group-item">Legal Aspects</a> <a href="https://lib.uliege.be/en/open-science/open-access/initiatives-events" class="nav-link p-1 list-group-item">Initiatives & Events</a> <a href="https://lib.uliege.be/en/open-science/open-access/open-apc" class="nav-link p-1 list-group-item">Open APC</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/open-science/open-data" class="nav-link p-1 megamenu-heading">Open Data</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/open-science/open-data/what-open-data" class="nav-link p-1 list-group-item">What is Open Data?</a> <a href="https://lib.uliege.be/en/open-science/open-data/dmponline" class="nav-link p-1 list-group-item">DMPOnline</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/open-science/our-tools" class="nav-link p-1 megamenu-heading">Our tools</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/open-science/our-tools/compass-publish" class="nav-link p-1 list-group-item">Compass to Publish</a> <a href="https://lib.uliege.be/en/open-science/our-tools/donum" class="nav-link p-1 list-group-item">DONum</a> <a href="https://lib.uliege.be/en/open-science/our-tools/e-publish" class="nav-link p-1 list-group-item">E-Publish</a> <a href="https://lib.uliege.be/en/open-science/our-tools/matheo" class="nav-link p-1 list-group-item">MaTheO</a> <a href="https://lib.uliege.be/en/open-science/our-tools/mosa" class="nav-link p-1 list-group-item">Mosa</a> <a href="https://lib.uliege.be/en/open-science/our-tools/openscientometre" class="nav-link p-1 list-group-item">OpenScientoMètre</a> <a href="https://lib.uliege.be/en/open-science/our-tools/orbi" class="nav-link p-1 list-group-item">ORBi</a> <a href="https://lib.uliege.be/en/open-science/our-tools/popups" class="nav-link p-1 list-group-item">PoPuPS</a> </div> </div> </div> </div> </div>`, 'fr': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Open science<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/open-science/open-access" class="nav-link p-1 megamenu-heading">Open Access</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/open-science/open-access/quest-ce-que-lopen-access" class="nav-link p-1 list-group-item">Qu'est-ce que l'Open Access ?</a> <a href="https://lib.uliege.be/fr/open-science/open-access/publier-en-open-access" class="nav-link p-1 list-group-item">Publier en Open Access</a> <a href="https://lib.uliege.be/fr/open-science/open-access/luliege-et-lopen-access" class="nav-link p-1 list-group-item">L'ULiège et l'Open Access</a> <a href="https://lib.uliege.be/fr/open-science/open-access/idees-fausses-et-mythes" class="nav-link p-1 list-group-item">Idées fausses et mythes</a> <a href="https://lib.uliege.be/fr/support/publication/edition-numerique-ouverte" class="nav-link p-1 list-group-item">Édition numérique ouverte</a> <a href="https://lib.uliege.be/fr/open-science/open-access/questions-legales" class="nav-link p-1 list-group-item">Questions légales</a> <a href="https://lib.uliege.be/fr/open-science/open-access/initiatives-et-evenements" class="nav-link p-1 list-group-item">Initiatives et évènements</a> <a href="https://lib.uliege.be/fr/open-science/open-access/open-apc" class="nav-link p-1 list-group-item">Open APC</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/support/recherche" class="nav-link p-1 megamenu-heading">Open Data</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/open-science/open-data/quest-ce-que-lopen-data" class="nav-link p-1 list-group-item">Qu'est-ce que l'Open Data ?</a> <a href="https://lib.uliege.be/fr/open-science/open-data/dmponline" class="nav-link p-1 list-group-item">DMPOnline</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/open-science/nos-outils" class="nav-link p-1 megamenu-heading">Nos outils</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/open-science/nos-outils/compass-publish" class="nav-link p-1 list-group-item">Compass to Publish</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/donum" class="nav-link p-1 list-group-item">DONum</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/e-publish" class="nav-link p-1 list-group-item">E-Publish</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/matheo" class="nav-link p-1 list-group-item">MaTheO</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/mosa" class="nav-link p-1 list-group-item">Mosa</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/openscientometre" class="nav-link p-1 list-group-item">OpenScientoMètre</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/orbi" class="nav-link p-1 list-group-item">ORBi</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/popups" class="nav-link p-1 list-group-item">PoPuPS</a> </div> </div> </div> </div> </div>` }, 'megamenu4': { 'en': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">ULiège Library<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/uliege-library/practical-information" class="nav-link p-1 megamenu-heading">Practical Information</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/uliege-library/practical-information/registration" class="nav-link p-1 list-group-item">Registration</a> <a href="https://lib.uliege.be/en/uliege-library/practical-information/opening-hours" class="nav-link p-1 list-group-item">Opening hours</a> <a href="https://bookit.lib.uliege.be" class="nav-link p-1 list-group-item">Study Rooms</a> <a href="https://lib.uliege.be/en/using-library/services/print-copy-scan" class="nav-link p-1 list-group-item">Print / Copy / Scan</a> <a href="https://lib.uliege.be/en/uliege-library/practical-information/equipment-wi-fi" class="nav-link p-1 list-group-item">Equipment & Wi-Fi</a> <a href="https://lib.uliege.be/en/uliege-library/practical-information/snacks" class="nav-link p-1 list-group-item">Snacks</a> <a href="https://lib.uliege.be/en/uliege-library/practical-information/policy" class="nav-link p-1 list-group-item">Policy</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/uliege-library/facilities" class="nav-link p-1 megamenu-heading">Facilities</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/uliege-library/facilities/liege-city-center" class="nav-link p-1 list-group-item">Liège city center</a> <a href="https://lib.uliege.be/en/uliege-library/facilities/liege-sart-tilman" class="nav-link p-1 list-group-item">Liège Sart Tilman</a> <a href="https://lib.uliege.be/en/uliege-library/facilities/arlon" class="nav-link p-1 list-group-item">Arlon</a> <a href="https://lib.uliege.be/en/uliege-library/facilities/gembloux" class="nav-link p-1 list-group-item">Gembloux</a> <a href="https://lib.uliege.be/en/uliege-library/facilities" class="nav-link p-1 list-group-item">All facilities</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/uliege-library/news-agendas" class="nav-link p-1 megamenu-heading">News & Events</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/uliege-library/news-events/news-agendas" class="nav-link p-1 list-group-item">News & Agendas</a> <a href="https://lib.uliege.be/en/uliege-library/news-events/jobs" class="nav-link p-1 list-group-item">Jobs</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi#stages" class="nav-link p-1 list-group-item">Internships</a> <a href="https://lib.uliege.be/en/uliege-library/news-events/follow-us" class="nav-link p-1 list-group-item">Follow us</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/en/uliege-library/about" class="nav-link p-1 megamenu-heading">About</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/en/uliege-library/about/staff-directory" class="nav-link p-1 list-group-item">Staff Directory</a> <a href="https://lib.uliege.be/en/uliege-library/about/governance" class="nav-link p-1 list-group-item">Governance</a> <a href="https://lib.uliege.be/en/uliege-library/about/publications" class="nav-link p-1 list-group-item">Publications</a> <a href="https://lib.uliege.be/en/uliege-library/about/projects" class="nav-link p-1 list-group-item">Projects</a> <a href="https://lib.uliege.be/en/uliege-library/about/background" class="nav-link p-1 list-group-item">Background</a> <a href="https://lib.uliege.be/en/uliege-library/about/key-figures" class="nav-link p-1 list-group-item">Key figures</a> </div> </div> </div> </div> </div>`, 'fr': `<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">ULiège Library<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique" class="nav-link p-1 megamenu-heading">En pratique</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/inscription" class="nav-link p-1 list-group-item">Inscription</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/horaires" class="nav-link p-1 list-group-item">Horaires</a> <a href="https://bookit.lib.uliege.be" class="nav-link p-1 list-group-item">Salles de travail</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/photocopie-et-scan" class="nav-link p-1 list-group-item">Photocopie et scan</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/equipements-et-wi-fi" class="nav-link p-1 list-group-item">Équipements et Wi-Fi</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/collations" class="nav-link p-1 list-group-item">Collations</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/reglement" class="nav-link p-1 list-group-item">Règlement</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/implantations" class="nav-link p-1 megamenu-heading">Implantations</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/implantations/liege-centre-ville" class="nav-link p-1 list-group-item">Liège centre-ville</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations/liege-sart-tilman" class="nav-link p-1 list-group-item">Liège Sart Tilman</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations/arlon" class="nav-link p-1 list-group-item">Arlon</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations/gembloux" class="nav-link p-1 list-group-item">Gembloux</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations" class="nav-link p-1 list-group-item">Voir tout</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/actualites" class="nav-link p-1 megamenu-heading">Actualités</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/actualites/news-agendas" class="nav-link p-1 list-group-item">News & Agendas</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi" class="nav-link p-1 list-group-item">Offres d'emploi</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi#stages" class="nav-link p-1 list-group-item">Stages</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/suivez-nous" class="nav-link p-1 list-group-item">Suivez-nous</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/propos" class="nav-link p-1 megamenu-heading">À propos</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/propos/equipe" class="nav-link p-1 list-group-item">Équipe</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/organisation" class="nav-link p-1 list-group-item">Organisation</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/publications" class="nav-link p-1 list-group-item">Publications</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/projets" class="nav-link p-1 list-group-item">Projets</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/historique" class="nav-link p-1 list-group-item">Historique</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/chiffres-cles" class="nav-link p-1 list-group-item">Chiffres-clés</a> </div> </div> </div> </div> </div>` }, // footer 'footer-follow': {'en': 'Follow us', 'fr': 'Suivez-nous'}, 'footer-news': {'en': 'Keep up with the news', 'fr': 'Suivez nos actualités'}, 'footer-contact': {'en': 'Contact us', 'fr': 'Nous contacter'}, 'footer-block-sitemap-1': { 'en': '<h3 class="u-small-title">ULiège Library</h3>' + '<ul>' + '<li><a href="https://lib.uliege.be/en/uliege-library/news-events/news-agendas">News & Agendas</a></li>' + '<li><a href="https://lib.uliege.be/en/uliege-library/about/governance">Governance</a></li>' + '<li><a href="https://lib.uliege.be/en/uliege-library/about/projects">Projets</a></li>' + '<li><a href="https://lib.uliege.be/en/uliege-library/practical-information/policy">Policy</a></li>' + '<li><a href="https://lib.uliege.be/en/uliege-library/news-events/jobs">Jobs</a></li>' + '<li><a href="https://lib.uliege.be/en/uliege-library/about/staff-directory">Staff directory</a></li>' + '</ul>', 'fr': '<h3 class="u-small-title">ULiège Library</h3>' + '<ul>' + '<li><a href="https://lib.uliege.be/fr/uliege-library/actualites/news-agendas">News & Agendas</a></li>' + '<li><a href="https://lib.uliege.be/fr/uliege-library/propos/organisation">Organisation</a></li>' + '<li><a href="https://lib.uliege.be/fr/uliege-library/propos/projets">Projets</a></li>' + '<li><a href="https://lib.uliege.be/fr/uliege-library/en-pratique/reglement">Règlement</a></li>' + '<li><a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi">Offres d\'emploi</a></li>' + '<li><a href="https://lib.uliege.be/fr/uliege-library/propos/equipe">Équipe</a></li>' + '</ul>' }, 'footer-block-sitemap-2': { 'en': '<h3 class="u-small-title">Help</h3>' + '<ul>' + '<li><a href="https://lib.uliege.be/en/using-library/tools/campus-access-vpn">Off-campus access (VPN)</a></li>' + '<li><a href="https://lib.uliege.be/en/help-training/need-help/training">Training</a></li>' + '<li><a href="https://lib.uliege.be/en/help-training/research">Research</a></li>' + '<li><a href="https://lib.uliege.be/en/help-training/publication">Publication</a></li>' + '</ul>', 'fr': '<h3 class="u-small-title">Aide</h3>' + '<ul>' + '<li><a href="https://lib.uliege.be/fr/ressources-et-services/outils/acces-hors-campus-vpn">Accès hors campus (VPN)</a></li>' + '<li><a href="https://lib.uliege.be/fr/support/besoin-daide/formations">Formations</a></li>' + '<li><a href="https://lib.uliege.be/fr/support/recherche">Aide à la recherche</a></li>' + '<li><a href="https://lib.uliege.be/fr/support/publication">Aide à la publication</a></li>' + '</ul>' }, 'footer-block-sitemap-3': { 'en': '<h3 class="u-small-title">Quick access</h3>' + '<ul>' + '<li><a href="https://lib.uliege.be/en/uliege-library/practical-information/opening-hours">Opening hours</a></li>' + '<li><a href="https://bookit.lib.uliege.be">Study rooms</a></li>' + '<li><a href="https://lib.uliege.be/en/using-library/services/interlibrary-loan-ill">Interlibrary loan (ILL)</a></li>' + '<li><a href="https://lib.uliege.be/en/using-library/services/purchase-request">Purchase request</a></li>' + '</ul>', 'fr': '<h3 class="u-small-title">Accès rapide</h3>' + '<ul>' + '<li><a href="https://lib.uliege.be/fr/horaires">Horaires</a></li>' + '<li><a href="https://bookit.lib.uliege.be">Salles de travail</a></li>' + '<li><a href="https://lib.uliege.be/fr/ressources-et-services/services/pret-interbibliotheques">Prêt interbibliothèques (pib)</a></li>' + '<li><a href="https://lib.uliege.be/fr/ressources-et-services/services/suggestion-dachat">Suggestion d\'achat</a></li>' + '</ul>' }, 'footer-block-partner': { 'en': '<a href="https://lib.uliege.be/en/legale/release-notes">Release notes</a> - ' + '<a href="https://lib.uliege.be/en/sitemap.xml">Sitemap</a> - ' + '<a href="https://lib.uliege.be/en/legale/legal-notice">Legal notice</a> - ' + '<a href="https://www.uliege.be/cms/c_9266052/en/protection-de-la-vie-privee">Privacy policy</a> - ' + '© Copyright ULiège Library - ' + '<a href="https://lib.uliege.be/en/user/login">Log in</a>', 'fr': '<a href="https://lib.uliege.be/fr/legale/notes-de-version">Notes de version</a> - ' + '<a href="https://lib.uliege.be/fr/sitemap.xml">Plan du site</a> - ' + '<a href="https://lib.uliege.be/fr/legale/mentions-legales">Mentions légales</a> - ' + '<a href="https://www.uliege.be/cms/c_9266052/fr/protection-de-la-vie-privee">Protection de la vie privée</a> - ' + '© Copyright ULiège Library - ' + '<a href="https://lib.uliege.be/fr/user/login">Se connecter</a>' }, // help 'help-button': {'en': 'HELP', 'fr': 'AIDE'}, // home 'home-row0-col1-h1': { 'en': 'Make an appointment', 'fr': 'Prendre un rendez-vous' }, 'home-row0-col1-button1': { 'en': 'Choose the appointment place <span class="caret"></span>', 'fr': 'Choisir le lieu du rendez-vous <span class="caret"></span>' }, 'home-row0-col1-p1': { 'en': 'Our team is on hand to help and guide you. Don\'t hesitate to make an appointment with one of our librarians.', 'fr': 'Notre équipe est à votre disposition pour vous orienter et aider. N\'hésitez pas à prendre rendez-vous avec l\'un·e de nos bibliothécaires.' }, 'home-row1-col1-h1': { 'en': 'Book a room or a place', 'fr': 'Réserver une salle ou une place' }, 'home-row1-col1-p1': { 'en': 'ULiège Library offers <strong>19 collaborative working rooms and spaces</strong> in the Agro-Bio Tech, Environment, Géosciences, LL Germaniques, L. Graulich, Sciences historiques and Santé-CHU locations and 3 semi-individual carrels in the Sciences branch.', 'fr': 'ULiège Library met à votre disposition <strong>19 espaces et salles de travail collaboratif</strong> dans les implantations de Agro-Bio Tech, Environnement, Géosciences, Germanique, Graulich, Sciences historiques et Santé-CHU et 3 carrels semi-individuels en Sciences.' }, 'home-row1-col1-p2': { 'en': 'During cramming periods, we are also making more than <strong>1,250 seats bookable</strong> in different library branches.', 'fr': 'Durant le blocus, nous mettons aussi plus de <strong>1.250 places réservables</strong> à disposition dans plusieurs de nos implantations.' }, 'home-row1-col1-p3': { 'en': 'The rooms are all equipped with Wi-Fi and sockets.', 'fr': 'Les salles sont toutes équipées de Wi-Fi et de prises pour les ordinateurs portables.' }, // enable interactive maps // 'mainButton': { // 'en': '<a class="btn btn-info" href="/r/new">via availability grid</a> <a class="btn btn-info" href="/r/search">via search</a> <a class="btn btn-info" href="/maps">via interactive maps</a>', // 'fr': '<a class="btn btn-info" href="/r/new">via la grille des disponibilités</a> <a class="btn btn-info" href="/r/search">via la recherche</a> <a class="btn btn-info" href="/maps">via les cartes interactives</a>' // }, // // disable interactive maps 'mainButton': { 'en': '<a class="btn btn-info" href="/r/new">via availability grid</a> <a class="btn btn-info" href="/r/search">via search</a>', 'fr': '<a class="btn btn-info" href="/r/new">via la grille des disponibilités</a> <a class="btn btn-info" href="/r/search">via la recherche</a>' }, // // enable interactive maps // 'bannerButton': { // 'en': '<p><span class="material-symbols-outlined">partner_exchange</span><a class="btn btn-info" href="/appointments">Make an appointment</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/new">Book a room/place – via grid</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/search">Book a room/place – via search</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/maps">Book a room/place – via maps</a></p><p><span class="material-symbols-outlined">calendar_month</span><a class="btn btn-info" href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">Register for an event</a></p>', // 'fr': '<p><span class="material-symbols-outlined">partner_exchange</span><a class="btn btn-info" href="/appointments">Prendre un rendez-vous</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/new">Réserver une place/salle – via grille</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/search">Réserver une place/salle – via recherche</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/maps">Réserver une place/salle – via cartes</a></p><p><span class="material-symbols-outlined">calendar_month</span><a class="btn btn-info" href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">S\'inscrire à un évènement</a></p>' // }, // // disable interactive maps 'bannerButton': { 'en': '<p><span class="material-symbols-outlined">partner_exchange</span><a class="btn btn-info" href="/appointments">Make an appointment</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/new">Book a room/place – via grid</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/search">Book a room/place – via search</a></p><p><span class="material-symbols-outlined">calendar_month</span><a class="btn btn-info" href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">Register for an event</a></p>', 'fr': '<p><span class="material-symbols-outlined">partner_exchange</span><a class="btn btn-info" href="/appointments">Prendre un rendez-vous</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/new">Réserver une place/salle – via grille</a></p><p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/search">Réserver une place/salle – via recherche</a></p><p><span class="material-symbols-outlined">calendar_month</span><a class="btn btn-info" href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">S\'inscrire à un évènement</a></p>' }, // 'home-row1-col2-ul1': { 'en': '<strong>For whom?</strong>: ULiège students or researchers as well as CHU staff.' // + // '<li><strong>How long?</strong>: generally for a period of 4 hours maximum.</li>' + // '<li><strong>How?</strong>: only via Book it.</li>' , 'fr': '<strong>Pour qui ?</strong> : les étudiants ou chercheurs ULiège ainsi que le personnel du CHU, en particulier pour leur permettre de réaliser leurs travaux de groupe dans les meilleures conditions.' // + // '<li><strong>Quelle durée ?</strong> : généralement pour une période de 4 heures maximum.</li>' + // '<li><strong>Comment ?</strong> : uniquement sur réservation en ligne via Book it.</li>' }, 'mainLink': { 'en': '<i class="bi bi-arrow-right"></i><a href="https://lib.uliege.be/en/terms-conditions-coworking-spaces">Terms & Conditions | Coworking Spaces</a>', 'fr': '<i class="bi bi-arrow-right"></i><a href="https://lib.uliege.be/fr/reglement-des-salles-de-travail">Règlement des salles de travail</a>' }, 'home-row2-h1': { 'en': 'Upcoming training and events', 'fr': 'Prochaines formations et manifestations' }, 'home-row2-p1': { 'en': '<a href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">All our upcoming training courses and events</a>', 'fr': '<a href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">Toutes nos formations et manifestations à venir</a>' }, 'home-row2-p2': { 'en': '<a href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">All our upcoming training courses and events</a>', 'fr': '<a href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">Toutes nos formations et manifestations à venir</a>' }, 'event-row1-col1-h1': { 'en': 'Training and events', 'fr': 'Formations et manifestations' }, 'event-row2-h1': { 'en': 'Other upcoming events...', 'fr': 'Autres événements à venir...' }, 'content-online-event-url': { 'en': 'Online Event URL will be sent via registration email.', 'fr': 'L\'URL de l\'évènement en ligne sera envoyée par mail lors de l\'inscription.' } }; languageUrl = { // header 'header-link-vpn': { 'en': 'https://lib.uliege.be/en/using-library/tools/campus-access-vpn', 'fr': 'https://lib.uliege.be/fr/ressources-et-services/outils/acces-hors-campus-vpn' }, 'header-link-card-url': { 'en': 'https://explore.lib.uliege.be/discovery/account?vid=32ULG_INST:ULIEGE&lang=en', 'fr': 'https://explore.lib.uliege.be/discovery/account?vid=32ULG_INST:ULIEGE&lang=fr' }, 'header-link-favorite-url': { 'en': 'https://explore.lib.uliege.be/discovery/favorites?vid=32ULG_INST:ULIEGE&lang=en§ion=items', 'fr': 'https://explore.lib.uliege.be/discovery/favorites?vid=32ULG_INST:ULIEGE&lang=fr§ion=items' }, 'header-link-history-url': { 'en': 'https://explore.lib.uliege.be/discovery/favorites?vid=32ULG_INST:ULIEGE&lang=en§ion=search_history', 'fr': 'https://explore.lib.uliege.be/discovery/favorites?vid=32ULG_INST:ULIEGE&lang=fr§ion=search_history' }, // navbar 'nav-brand': {'en': 'https://lib.uliege.be/en', 'fr': 'https://lib.uliege.be'}, // footer 'footer-news-url': { 'en': 'https://lib.uliege.be/en/uliege-library/news-events/social-networks', 'fr': 'https://lib.uliege.be/fr/uliege-library/actualites/reseaux-sociaux' }, 'footer-contact-url': { 'en': 'https://lib.uliege.be/en/uliege-library/about/contact-us', 'fr': 'https://lib.uliege.be/fr/uliege-library/propos/contactez-nous' }, // help 'help-url': { 'en': 'https://lib.uliege.be/en/uliege-library/about/contact-us', 'fr': 'https://lib.uliege.be/fr/uliege-library/propos/contactez-nous' } }; } function showLanguage() { var elementId = 'header-link-language-' + springSpace.language; if (document.getElementById(elementId)) { document.getElementById(elementId).classList.add('selectedLanguage'); } var elementList = document.getElementsByClassName('language'); for (var i = 0; i < elementList.length; i++) { var element = elementList[i]; if (springSpace.language != defaultLanguage) { if (element.id) { if (language.hasOwnProperty(element.id)) { if (language[element.id].hasOwnProperty(springSpace.language)) { element.innerHTML = language[element.id][springSpace.language]; } } } } element.classList.add('visible'); } var elementList = document.getElementsByClassName('languageUrl'); for (var i = 0; i < elementList.length; i++) { var element = elementList[i]; if (springSpace.language != defaultLanguage) { if (element.id) { if (languageUrl.hasOwnProperty(element.id)) { if (languageUrl[element.id].hasOwnProperty(springSpace.language)) { element.href = languageUrl[element.id][springSpace.language]; } } } } } } function changeLanguage(language) { var search = new URLSearchParams(document.location.search); var token = search.get('token'); if (token != null && token != '') { window.location.href = window.location.origin + '/language/change?lang=' + language; } else { window.location.href = window.location.origin + '/language/change?lang=' + language + '&url=' + encodeURIComponent(window.location.href); } } </script> <script>  </script> </head> <body id="app" class="s-lc-public s-lc-public-page-5"> <a id="s-lc-public-skiplink" class="s-lc-skiplink alert-info" href="#s-lc-public-title-area">Aller directement au contenu principal</a> <div id="s-lc-public-cust-header" role="banner"><div class="visually-hidden"></div> <header id="header"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a id="header-brand" class="navbar-brand language" href="https://www.uliege.be">Université de Liège</a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-link"> <i class="bi bi-list"></i> </button> </div> <div id="header-link" class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="nav-item"> <a id="header-link-vpn" class="nav-link language languageUrl" href="https://lib.uliege.be/vpn">Accès hors campus (VPN)</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">Menu<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a id="header-link-language-en" class="dropdown-item" href="javascript: void(0);" onclick="javascript: changeLanguage('en');"><i class="bi bi-check"></i>English</a></li> <li><a id="header-link-language-fr" class="dropdown-item" href="javascript: void(0);" onclick="javascript: changeLanguage('fr');"><i class="bi bi-check"></i>Français</a></li> <li class="divider" role="separator"></li> <li><a id="header-link-card-url" class="dropdown-item languageUrl" href="https://explore.lib.uliege.be/discovery/account?vid=32ULG_INST:ULIEGE&lang=fr"><i class="bi bi-person-vcard"></i><span id="header-link-card" class="language">Compte MyLibrary</span></a></li> <li class="divider" role="separator"></li> <li><a id="header-link-favorite-url" class="dropdown-item languageUrl" href="https://explore.lib.uliege.be/discovery/favorites?vid=32ULG_INST:ULIEGE&lang=fr§ion=items"><i class="bi bi-pin"></i><span id="header-link-favorite" class="language">Mes favoris</span></a></li> <li><a id="header-link-history-url" class="dropdown-item languageUrl" href="https://explore.lib.uliege.be/discovery/favorites?vid=32ULG_INST:ULIEGE&lang=fr§ion=search_history"><i class="bi bi-clock-history"></i><span id="header-link-history" class="language">Historique des recherches</span></a></li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://lib.uliege.be/search"><i class="bi bi-search"></i></a> </li> </ul> </div> </div> </nav> </header> <nav id="nav" class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a id="nav-brand" class="navbar-brand languageUrl" href="https://lib.uliege.be"><img src="https://lib.uliege.be/sites/default/files/ULiege_Library.png" alt=""></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-link"> <i class="bi bi-list"></i> </button> </div> <div id="nav-link" class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="nav-item extension"> <a id="nav-link-body-appointments" class="nav-link language" href="/appointments">Prendre un rendez-vous</a> </li> <li class="nav-item dropdown extension"> <a id="nav-link-body-new_reservation" class="nav-link dropdown-toggle" href="/r/new" role="button" data-toggle="dropdown"><span id="nav-link-body-new_reservation-span" class="language">Réserver une salle / place</span><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a id="nav-link-body-new_reservation-pc" class="dropdown-item language" href="/r/new">via la grille des disponibilités</a></li> <li><a id="nav-link-body-new_reservation-phone" class="dropdown-item language" href="/r/search">via la recherche</a></li> </ul> </li> <li class="nav-item extension"> <a id="nav-link-body-calendar" class="nav-link language" href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">S'inscrire à un évènement</a> </li> <li class="nav-item"> <a class="nav-link separator"><i class="bi bi-dash-lg"></i></a> </li> <li id="megamenu1" class="nav-item dropdown megamenu language"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Ressources et services<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/services" class="nav-link p-1 megamenu-heading">Services</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/services/pret-et-consultation" class="nav-link p-1 list-group-item">Prêt et consultation</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/pret-interbibliotheques" class="nav-link p-1 list-group-item">Prêt interbibliothèques</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/numerisation-sur-demande" class="nav-link p-1 list-group-item">Numérisation sur demande</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/recherche-sur-demande" class="nav-link p-1 list-group-item">Recherche sur demande</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/suggestion-dachat" class="nav-link p-1 list-group-item">Suggestion d'achat</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/demande-de-visa" class="nav-link p-1 list-group-item">Demande de visa</a> <a href="https://lib.uliege.be/fr/support/besoin-daide/formations" class="nav-link p-1 list-group-item">Formations</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources" class="nav-link p-1 megamenu-heading">Ressources</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/catalogues-et-ressources" class="nav-link p-1 list-group-item">Catalogues et ressources</a> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/ressources-en-open-access" class="nav-link p-1 list-group-item">Ressources en Open Access</a> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/bases-de-donnees" class="nav-link p-1 list-group-item">Bases de données</a> <a href="https://lib.uliege.be/fr/ressources-et-services/ressources/scribe" class="nav-link p-1 list-group-item">Scribe</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/outils" class="nav-link p-1 megamenu-heading">Outils</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/outils/acces-hors-campus-vpn" class="nav-link p-1 list-group-item">Accès hors campus (VPN)</a> <a href="https://lib.uliege.be/fr/ressources-et-services/outils/coffre-aux-tresors" class="nav-link p-1 list-group-item">Coffre aux trésors</a> <a href="https://lib.uliege.be/fr/ressources-et-services/outils/library-mobile" class="nav-link p-1 list-group-item">Library Mobile</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine" class="nav-link p-1 megamenu-heading">Patrimoine</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/conservation-et-numerisation" class="nav-link p-1 list-group-item">Conservation et numérisation</a> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/consulter-les-fonds-patrimoniaux" class="nav-link p-1 list-group-item">Consulter les fonds patrimoniaux</a> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/donum" class="nav-link p-1 list-group-item">DONum</a> <a href="https://lib.uliege.be/fr/ressources-et-services/patrimoine/legito" class="nav-link p-1 list-group-item">Legito</a> </div> </div> </div> </div> </div> </li> <li id="megamenu2" class="nav-item dropdown megamenu language"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Support<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/support/besoin-daide" class="nav-link p-1 megamenu-heading">Besoin d'aide ?</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/support/besoin-daide/decouvrir-uliege-library" class="nav-link p-1 list-group-item">Découvrir ULiège Library</a> <a href="https://lib.uliege.be/fr/support/besoin-daide/formations" class="nav-link p-1 list-group-item">Formations</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/equipe" class="nav-link p-1 list-group-item">Équipe</a> <a href="https://lib.uliege.be/fr/support/besoin-daide/responsables-disciplinaires" class="nav-link p-1 list-group-item">Responsables disciplinaires</a> <a href="https://lib.uliege.be/fr/visites" class="nav-link p-1 list-group-item">Visites</a> <a href="https://lib.uliege.be/fr/faq" class="nav-link p-1 list-group-item">FAQ</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/support/recherche" class="nav-link p-1 megamenu-heading">Recherche</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/support/recherche/citer-un-document" class="nav-link p-1 list-group-item">Citer un document</a> <a href="https://lib.uliege.be/fr/support/recherche/gerer-sa-bibliographie" class="nav-link p-1 list-group-item">Gérer sa bibliographie</a> <a href="https://lib.uliege.be/fr/support/recherche/veille-documentaire" class="nav-link p-1 list-group-item">Veille documentaire</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/ressources-et-services/outils" class="nav-link p-1 megamenu-heading">Publication</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/support/publication/edition-numerique-ouverte" class="nav-link p-1 list-group-item">Édition numérique ouverte</a> <a href="https://lib.uliege.be/fr/support/publication/indicateurs-bibliometriques" class="nav-link p-1 list-group-item">Indicateurs bibliométriques</a> <a href="https://lib.uliege.be/fr/support/publication/reseaux-sociaux-academiques" class="nav-link p-1 list-group-item">Réseaux sociaux académiques</a> <a href="https://lib.uliege.be/fr/support/publication/deposer-sur-orbi" class="nav-link p-1 list-group-item">Déposer sur ORBi</a> <a href="https://lib.uliege.be/fr/support/publication/publier-sur-popups" class="nav-link p-1 list-group-item">Publier sur PoPuPS</a> <a href="https://lib.uliege.be/fr/support/publication/depot-legal" class="nav-link p-1 list-group-item">Dépôt légal</a> <a href="https://lib.uliege.be/fr/support/publication/droits-dauteur" class="nav-link p-1 list-group-item">Droits d'auteur</a> </div> </div> </div> </div> </div> </li> <li id="megamenu3" class="nav-item dropdown megamenu language"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Open science<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/open-science/open-access" class="nav-link p-1 megamenu-heading">Open Access</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/open-science/open-access/quest-ce-que-lopen-access" class="nav-link p-1 list-group-item">Qu'est-ce que l'Open Access ?</a> <a href="https://lib.uliege.be/fr/open-science/open-access/publier-en-open-access" class="nav-link p-1 list-group-item">Publier en Open Access</a> <a href="https://lib.uliege.be/fr/open-science/open-access/luliege-et-lopen-access" class="nav-link p-1 list-group-item">L'ULiège et l'Open Access</a> <a href="https://lib.uliege.be/fr/open-science/open-access/idees-fausses-et-mythes" class="nav-link p-1 list-group-item">Idées fausses et mythes</a> <a href="https://lib.uliege.be/fr/support/publication/edition-numerique-ouverte" class="nav-link p-1 list-group-item">Édition numérique ouverte</a> <a href="https://lib.uliege.be/fr/open-science/open-access/questions-legales" class="nav-link p-1 list-group-item">Questions légales</a> <a href="https://lib.uliege.be/fr/open-science/open-access/initiatives-et-evenements" class="nav-link p-1 list-group-item">Initiatives et évènements</a> <a href="https://lib.uliege.be/fr/open-science/open-access/open-apc" class="nav-link p-1 list-group-item">Open APC</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/support/recherche" class="nav-link p-1 megamenu-heading">Open Data</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/open-science/open-data/quest-ce-que-lopen-data" class="nav-link p-1 list-group-item">Qu'est-ce que l'Open Data ?</a> <a href="https://lib.uliege.be/fr/open-science/open-data/dmponline" class="nav-link p-1 list-group-item">DMPOnline</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/open-science/nos-outils" class="nav-link p-1 megamenu-heading">Nos outils</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/open-science/nos-outils/compass-publish" class="nav-link p-1 list-group-item">Compass to Publish</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/donum" class="nav-link p-1 list-group-item">DONum</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/e-publish" class="nav-link p-1 list-group-item">E-Publish</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/matheo" class="nav-link p-1 list-group-item">MaTheO</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/mosa" class="nav-link p-1 list-group-item">Mosa</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/openscientometre" class="nav-link p-1 list-group-item">OpenScientoMètre</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/orbi" class="nav-link p-1 list-group-item">ORBi</a> <a href="https://lib.uliege.be/fr/open-science/nos-outils/popups" class="nav-link p-1 list-group-item">PoPuPS</a> </div> </div> </div> </div> </div> </li> <li id="megamenu4" class="nav-item dropdown megamenu language"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">ULiège Library<span class="caret"></span></a> <div class="dropdown-menu megamenu-content"> <div class="container"> <div class="row"> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique" class="nav-link p-1 megamenu-heading">En pratique</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/inscription" class="nav-link p-1 list-group-item">Inscription</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/horaires" class="nav-link p-1 list-group-item">Horaires</a> <a href="https://bookit.lib.uliege.be" class="nav-link p-1 list-group-item">Salles de travail</a> <a href="https://lib.uliege.be/fr/ressources-et-services/services/photocopie-et-scan" class="nav-link p-1 list-group-item">Photocopie et scan</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/equipements-et-wi-fi" class="nav-link p-1 list-group-item">Équipements et Wi-Fi</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/collations" class="nav-link p-1 list-group-item">Collations</a> <a href="https://lib.uliege.be/fr/uliege-library/en-pratique/reglement" class="nav-link p-1 list-group-item">Règlement</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/implantations" class="nav-link p-1 megamenu-heading">Implantations</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/implantations/liege-centre-ville" class="nav-link p-1 list-group-item">Liège centre-ville</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations/liege-sart-tilman" class="nav-link p-1 list-group-item">Liège Sart Tilman</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations/arlon" class="nav-link p-1 list-group-item">Arlon</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations/gembloux" class="nav-link p-1 list-group-item">Gembloux</a> <a href="https://lib.uliege.be/fr/uliege-library/implantations" class="nav-link p-1 list-group-item">Voir tout</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/actualites" class="nav-link p-1 megamenu-heading">Actualités</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/actualites/news-agendas" class="nav-link p-1 list-group-item">News & Agendas</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi" class="nav-link p-1 list-group-item">Offres d'emploi</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi#stages" class="nav-link p-1 list-group-item">Stages</a> <a href="https://lib.uliege.be/fr/uliege-library/actualites/suivez-nous" class="nav-link p-1 list-group-item">Suivez-nous</a> </div> </div> <div class="col-12 col-lg-3"> <a href="https://lib.uliege.be/fr/uliege-library/propos" class="nav-link p-1 megamenu-heading">À propos</a> <div class="list-group list-group-flush pt-2 pb-4"> <a href="https://lib.uliege.be/fr/uliege-library/propos/equipe" class="nav-link p-1 list-group-item">Équipe</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/organisation" class="nav-link p-1 list-group-item">Organisation</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/publications" class="nav-link p-1 list-group-item">Publications</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/projets" class="nav-link p-1 list-group-item">Projets</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/historique" class="nav-link p-1 list-group-item">Historique</a> <a href="https://lib.uliege.be/fr/uliege-library/propos/chiffres-cles" class="nav-link p-1 list-group-item">Chiffres-clés</a> </div> </div> </div> </div> </div> </li> </ul> </div> </div> </nav> <div id="bannerContainer" class="container"> <div id="banner"> <h1 id="banner-h1" class="language"><a href="/">Book it, votre système de réservation</a></h1> <p id="banner-p" class="language">"Book it" vous permet de prendre rendez-vous avec un·e bibliothécaire, de réserver une salle de travail, une place ou de vous inscrire à une formation ou manifestation.</p> <div id="bannerButton" class="language"> <p><span class="material-symbols-outlined">partner_exchange</span><a class="btn btn-info" href="/appointments">Prendre un rendez-vous</a></p> <p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/new">Réserver une place/salle – via grille</a></p> <p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/search">Réserver une place/salle – via recherche</a></p> <p><span class="material-symbols-outlined">work_history</span><a class="btn btn-info" href="/r/search">Réserver une place/salle – via cartes</a></p> <p><span class="material-symbols-outlined">calendar_month</span><a class="btn btn-info" href="/calendar?cid=-1&t=g&d=0000-00-00&cal=-1&inc=0">S'inscrire à un évènement</a></p> </div> </div> </div> </div> <div class="container"> <div id="s-lc-public-bc" class="row"> <div class="col-md-12"> <nav aria-label="Breadcrumb"> <ol class="breadcrumb"> <li><a href="https://bookit.lib.uliege.be/">Book it @ ULiège Library</a></li> <li class="s-lc-desktop-only"><a href="https://bookit.lib.uliege.be">Book it</a></li> <li><a href="/appointments">Rendez-vous</a></li> </ol> </nav> </div> </div> <noscript> <div class="alert alert-danger" id="noscript">JavaScript est désactivé. Certaines fonctions ont besoin de JavaScript pour fonctionner.</div> </noscript> <div id="s-lc-public-title-area"> <div id="s-lc-public-title" class="row"> <div class="col-md-12"> <h1 id="s-lc-public-pt" class="s-lc-app-booking-header"> <div class="pull-left s-lc-app-booking-title">Book a Librarian - </div> <div class="pull-left s-lc-app-location-select"> <div id="s-ls-app-location-desc" class="sr-only"> Utilisez la liste déroulante Emplacement pour spécifier l’endroit où le rendez-vous aura lieu. La sélection d’un autre emplacement rechargera les dates et heures de rendez-vous disponibles pour être réservé. </div> <label for="s-lc-app-location" class="sr-only"> Prenez rendez-vous... </label> <select class="form-control selectpicker" name="s-lc-app-location" id="s-lc-app-location" data-width="170px" aria-describedby="s-ls-app-location-desc"> <option value="/appointments"> Prenez rendez-vous... </option> <option value="/appointments?lid=1640"> En ligne (via MS Teams) </option> <option value="/appointments/sart-tilman" selected="selected"> En présentiel - Liège Sart Tilman </option> <option value="/appointments/centre-ville"> En présentiel - Liège Centre-ville </option> <option value="/appointments/gembloux"> En présentiel - Gembloux </option> <option value="/appointments/arlon"> En présentiel - Arlon </option> </select> </div> </h1> <span class="sr-only"> Prenez rendez-vous en 3 étapes. Étape 1 : Sélectionnez un membre du personnel. Étape 2 : Sélectionnez une date disponible. Étape 3: Sélectionnez un créneau horaire disponible. </span> </div> </div> <div id="s-lc-public-pd" class="row"> <div class="col-md-12 margin-top-med" tabindex="0"> <p>C'est sur le campus du Sart Tilman que se trouvent les implantations <a href="https://lib.uliege.be/fr/implantations/geosciences"><strong>Géosciences</strong></a>, <a href="https://lib.uliege.be/fr/implantations/leon-graulich"><strong>Léon Graulich</strong></a>, <a href="https://lib.uliege.be/fr/implantations/medecine-veterinaire"><strong>Médecine vétérinaire</strong></a>, <a href="https://lib.uliege.be/fr/implantations/polytech"><strong>Polytech</strong></a>, <a href="https://lib.uliege.be/fr/implantations/sante-chu"><strong>Santé-CHU</strong></a> et <a href="https://lib.uliege.be/fr/implantations/sciences"><strong>Sciences</strong></a> de ULiège Library.</p> </div> </div> </div> <main> <div id="s-lc-public-main" class="s-lc-public-main"> <div id="s-lc-public-page-content" class="row"> <div id="col1" class="col-md-12 center"> <div class="row"> <div id="s-lc-app-s1" class="col-md-4" style="display:none;"></div> <div aria-live="polite"> <div id="select-date-sr-message"></div> </div> <div id="s-lc-app-s2" class="col-md-4" style="display:none;"></div> <div id="s-lc-app-s3" class="col-md-4" style="display:none;"></div> </div> <div id="s-lc-app-form-aria-live" aria-live="assertive" aria-atomic="true"> <div id="s-lc-app-s4" style="display:none;"> </div> </div> <div id="s-lc-app-results" style="display:none;"> <div class="row"> <div class="col-md-12"> <div id="alert-register-success-msg" role="region" aria-live="polite" aria-labelledby="s-lc-app-success-intro" > <div id="s-lc-app-success-intro" class="alert alert-success s-lc-appointment-success-intro" role="status" tabindex="0"> Le rendez-vous a été pris. <span id="s-lc-app-success-user-email-container"> Un e-mail de confirmation avec les détails du rendez-vous a été envoyé à <span id="s-lc-app-success-user-email"></span>. Vérifiez votre dossier spam si vous ne voyez pas l’e-mail dans votre boîte de réception. </span> </div> <p> <strong>Rendez-vous avec :</strong> <span id="s-lc-app-success-name"></span> </p> <p> <strong>Date :</strong> <span id="s-lc-app-success-date"></span> </p> <p> <strong>Heure de début :</strong> <span id="s-lc-app-success-time"></span> </p> <p class="s-lc-timezone-container"> <strong>Fuseau horaire:</strong> <span id="s-lc-app-success-timezone"></span> </p> <div id="s-lc-appointment-category" style="display:none;"> <p> <strong>Type :</strong> <span id="s-lc-app-success-category"></span> </p> </div> <p> <strong>Lieu :</strong> <span id="s-lc-app-success-location"></span> </p> <div id="s-lc-appointment-online-meeting" style="display:none;"> <p> <strong>URL de la réunion en ligne :</strong> <span id="s-lc-app-success-online-url"> </span> </p> </div> <p> <strong>Adresse :</strong> <span id="s-lc-app-success-directions"></span> </p> </div> <p> <button class="btn btn-default margin-top-xlg" id="s-lc-ms-sobtn" onclick="return startOver();"> Recommencer </button> </p> </div> </div> </div> </div> </div> </div> </main> <footer id="s-lc-public-footer" class="row s-lc-public-footer"> <div id="s-lc-public-footer-brand"> <span title="libcal-eu-1">Administré par</span> <a href="https://www.springshare.com">Springshare</a>. </div> <div id="s-lc-public-footer-rights"> Tous droits réservés </div> <div id="s-lc-footer-support-link"> <a href="https://lib.uliege.be/fr/contacts">Signaler un problème technique</a> </div> <div id="s-lc-public-footer-admin-links" role="navigation" aria-label="Pied de page admin"> <a id="s-lc-sign-in" href="https://uliege.libapps.com/libapps/login.php?site_id=16655&target=">Accès gestionnaire</a> </div> <div class="s-lc-public-footer-actions"> <div id="s-lc-language"> <select id="s-lc-language-selector" aria-label="Sélectionner une langue"> <option value="ca" >català</option> <option value="cy" >Cymraeg</option> <option value="en" >English</option> <option value="es" >español</option> <option value="fr" selected>français</option> <option value="ga" >Irish</option> <option value="ja" >日本語 Nihongo</option> <option value="nl" >Nederlands</option> <option value="sl" >slovenski jezik</option> <option value="vi" >Tiếng Việt</option> <option value="zh" >中文 Zhōngwén</option> </select> </div> </div> </footer> </div> <div id="s-lc-public-cust-footer"><div id="footer" class="u-uliege"> <footer class="u-footer hidden-print"> <div class="u-footer__cta"> <div class="u-follow"> <div class="u-follow__container"> <p id="footer-follow" class="u-h2 language">Suivez-nous</p> <ul class="u-follow__list"> <li><a href="https://www.facebook.com/uliegelibrary/"><img class="facebook" src="https://www.campus.uliege.be/plugins/ULiegePlugin/images/Footer/share/facebook.svg" alt="facebook"></a></li> <li><a href="https://www.youtube.com/c/ULiègeLibrary"><img src="https://www.campus.uliege.be/plugins/ULiegePlugin/images/Footer/share/youtube.svg" alt="youtube"></a></li> <li><a href="https://www.instagram.com/uliegelibrary/?hl=fr"><img src="https://www.campus.uliege.be/plugins/ULiegePlugin/images/Footer/share/instagram.svg" alt="instagram"></a></li> </ul> </div> <a id="footer-news-url" class="u-link languageUrl" href="https://lib.uliege.be/fr/uliege-library/actualites/reseaux-sociaux"> <div class="split-lines-outer"><span id="footer-news" class="split-lines-inner language">Suivez nos actualités</span></div> </a> </div> </div> <div class="u-footer__container"> <div class="u-wrapper"> <div class="u-footer__logo"> <img src="https://lib.uliege.be/sites/default/files/inline-images/uliegelibrary_W_small.png" alt="Logo ULiège Library"> <div class="wysiwyg"> <address>ULiège Library<br>Quartier Urbanistes 1, bât. B63d<br>Traverse des Architectes 5D<br>B-4000 Liège (Sart Tilman)<br><a href="tel:+3243665290"> +32 (0)4 366 52 90</a></address> </div> <a id="footer-contact-url" class="u-link--white languageUrl" href="https://lib.uliege.be/fr/uliege-library/propos/contactez-nous"> <div class="split-lines-outer"><span id="footer-contact" class="split-lines-inner language">Nous contacter</span></div> </a> </div> <div class="u-footer__content"> <div id="footer-block-sitemap-1" class="u-footer__sitemap language"> <h3 class="u-small-title">ULiège Library</h3> <ul> <li><a href="https://lib.uliege.be/fr/uliege-library/actualites/news-agendas">News & Agendas</a></li> <li><a href="https://lib.uliege.be/fr/uliege-library/propos/organisation">Organisation</a></li> <li><a href="https://lib.uliege.be/fr/uliege-library/propos/projets">Projets</a></li> <li><a href="https://lib.uliege.be/fr/uliege-library/en-pratique/reglement">Règlement</a></li> <li><a href="https://lib.uliege.be/fr/uliege-library/actualites/offres-demploi">Offres d'emploi</a></li> <li><a href="https://lib.uliege.be/fr/uliege-library/propos/equipe">Équipe</a></li> </ul> </div> <div id="footer-block-sitemap-2" class="u-footer__sitemap language"> <h3 class="u-small-title">Aide</h3> <ul> <li><a href="https://lib.uliege.be/fr/ressources-et-services/outils/acces-hors-campus-vpn">Accès hors campus (VPN)</a></li> <li><a href="https://lib.uliege.be/fr/support/besoin-daide/formations">Formations</a></li> <li><a href="https://lib.uliege.be/fr/support/recherche">Aide à la recherche</a></li> <li><a href="https://lib.uliege.be/fr/support/publication">Aide à la publication</a></li> </ul> </div> <div id="footer-block-sitemap-3" class="u-footer__sitemap language"> <h3 class="u-small-title">Accès rapide</h3> <ul> <li><a href="https://lib.uliege.be/fr/horaires">Horaires</a></li> <li><a href="https://uliege.libcal.com">Salles de travail</a></li> <li><a href="https://lib.uliege.be/fr/ressources-et-services/services/pret-interbibliotheques">Prêt interbibliothèques (pib)</a></li> <li><a href="https://lib.uliege.be/fr/ressources-et-services/services/suggestion-dachat">Suggestion d'achat</a></li> </ul> </div> </div> </div> <div class="u-bg-layer--footer"> <svg viewBox="0 0 100 100" preserveAspectRatio="none"> <polygon class="left" points="55 100 0 100 0 68 55 100"></polygon> <polygon class="right" points="100 50 100 100 14 100"></polygon> </svg> </div> </div> <div class="u-footer__partners"> <div class="u-wrapper"> <p id="footer-block-partner" class="u-small-title language"> <a href="https://lib.uliege.be/fr/legale/notes-de-version">Notes de version</a> - <a href="https://lib.uliege.be/fr/sitemap.xml">Plan du site</a> - <a href="https://lib.uliege.be/fr/legale/mentions-legales">Mentions légales</a> - <a href="https://www.uliege.be/cms/c_9266052/fr/protection-de-la-vie-privee">Protection de la vie privée</a> - © Copyright ULiège Library - <a href="https://lib.uliege.be/fr/user/login">Se connecter</a> </p> </div> </div> </footer> </div> <div id="help-container"> <div id="help" class="help-right"> <div id="help-widget"><a id="help-url" class="btn btn-lg btn-success btn-orange languageUrl" href="https://lib.uliege.be/fr/uliege-library/propos/contactez-nous"><i class="bi bi-chat-dots-fill"></i><span id="help-button" class="language">AIDE</span></a></div> </div> </div> </div> <script defer src="https://static-assets-eu.libcal.com/js_708/selectpicker.min.js"></script> <script defer src="https://static-assets-eu.libcal.com/js_708/direct/public/appointments/success.min.js"></script> <script> var dateEnabledOnCalendar = [true, "", "Available"]; var dateDisabledOnCalendar = [false, "", "Not Available"]; var availableDates = []; var springyPage = { fadeInDuration: 200, loadingDisplay: "<p class='text-center'><br/><br/><br/><br/><i class='fa fa-spinner fa-spin fa-2x' aria-hidden='true'></i></p>", publicTimezone: 'Europe/Berlin', publicTimezoneDisplay: 'Heure de l’Europe centrale', lang: { timezone: "Fuseau\u0020horaire", changeTimezone: "Modifier", continueButtonText: "CONTINUER", mapLinkLabel: 'Plan', mapLinkTooltip: 'Ouvrir\u0020le\u0020plan\u0020pour\u0020\u0025name\u0025', datepickerPrevMonth: "Mois précédent", datepickerNextMonth: "prochain", datepickerSelectMonth: "Sélectionnez un mois", showMonth: "Étape 2. Affichage du calendrier pour le mois", }, }; function categoryGetVisibleId(element) { var value = element.data("value"); if (value !== undefined) { return value; } return parseInt(element.val(), 10); } function categoryGetVisibleName(element) { var value = element.data("value"); if (value !== undefined) { return element.text(); } return element.find("option:selected").text(); } function getSelectedCategoryId() { return categoryGetVisibleId(jQuery("#cat_" + selectedGroupId)); } function getSelectedCategoryName() { return categoryGetVisibleName(jQuery("#cat_" + selectedGroupId)); } function datePickerEvaluateDate(date) { var dateString = moment(date).format(springSpace.phpDateFormat); if (jQuery.inArray(dateString, availableDates) != -1) { return dateEnabledOnCalendar; } else { return dateDisabledOnCalendar; } } function handleKeypressEnterAsClick(event) { if (event.which == 13) { jQuery(this).trigger('click'); jQuery(event.data.thisButtonClass).focus(); } } function onPanelHeadingKeypress(event) { // treat enter as a click if (event.which == 13) { jQuery(this).trigger("click"); } } // support next/prev month buttons via keyboard function setupDatepickerAccessibility() { jQuery('.ui-datepicker-prev') .attr('tabindex', 0) .attr('aria-label', springyPage.lang.datepickerPrevMonth) .attr('href', '#') .on('keypress', {thisButtonClass: '.ui-datepicker-prev'}, handleKeypressEnterAsClick) .on('click', setupDatepickerAccessibility); jQuery('.ui-datepicker-next') .attr('tabindex', 0) .attr('aria-label', springyPage.lang.datepickerNextMonth) .attr('href', '#') .on('keypress', {thisButtonClass: '.ui-datepicker-next'}, handleKeypressEnterAsClick) .on('click', setupDatepickerAccessibility); jQuery('.ui-datepicker-month') // ensure that the month dropdown box is accessible .prop('title', springyPage.lang.datepickerSelectMonth) .on('change', setupDatepickerAccessibilityAndFocusMonth); return false; } function setupDatepickerAccessibilityAndFocusMonth() { setupDatepickerAccessibility(); jQuery('.ui-datepicker-month').focus(); } function formatTimeslotHtml(timeslot, date) { var start = moment(timeslot.startDisplay); var end = moment(timeslot.endDisplay); var html = '<button class="btn btn-default btn-sm s-lc-app-timeslot s-lc-app-timeb" aria-pressed="false" data-uid="' + timeslot.userId + '" data-st="' + timeslot.start + '" data-date="' + date + '" data-crc="' + timeslot.crc + '">'; html += start.format(springSpace.timeFormat); html += '<span class="s-lc-app-timeb-et"> - <span class="sr-only s-lc-app-timeb-et">until </span>'; html += end.format(springSpace.timeFormat); html += '</span>'; html += '<span class="s-lc-app-timeb-date sr-only">' + end.format(springSpace.dateFormat) + '</span>'; if (typeof timeslot.directions !== 'undefined') { html += '<span class="s-lc-app-timeb-loc">' + timeslot.directions + '</span>'; } html += '</button><span class="sr-only">, </span>'; return html; } function createTimeslotContinueButton() { return '<div class="text-center"><button type="button" id="s-lc-app-continue" class="btn btn-primary margin-top-med s-lc-app-s3-alignment" disabled="disabled">' + springyPage.lang.continueButtonText + '</button></div>'; } function hideAll() { jQuery("#s-lc-app-s1, #s-lc-app-s2, #s-lc-app-s2-content, #s-lc-app-s3, #s-lc-app-s4, #s-lc-app-results").hide(); } function startOver() { window.location.reload(false); return false; } function onBookingCreateSuccess(data) { hideAll(); populateBookingSuccessValues(data); jQuery("#s-lc-app-results").fadeIn(springyPage.fadeInDuration); } function showStaffMemberInfo(id) { jQuery("#s-lc-staff-member-info-" + id).modal("show"); return false; } function groupPanelsSetupArrows() { jQuery('.collapse').on('show.bs.collapse', function () { jQuery(this).siblings().find('.s-lc-public-panel-indicator').addClass('fa-chevron-down').removeClass('fa-chevron-right'); }); jQuery('.collapse').on('hide.bs.collapse', function () { jQuery(this).siblings().find('.s-lc-public-panel-indicator').addClass('fa-chevron-right').removeClass('fa-chevron-down'); }); } </script> <script> var dateTimeRequestInProgress = false; function getStaffList() { hideAll(); jQuery("#s-lc-app-s1").html(springyPage.loadingDisplay).fadeIn(springyPage.fadeInDuration); jQuery.ajax({ type: "get", url: "/widget/appointments/staff", data: { iid: 4040, lid: 264, uid: 0, gid: 0, cid: 0, }, dataType: "json", success: function (data) { var html = data.html ? data.html : '<div class="alert alert-danger" tabindex="0">Il\u0020n\u0027existe\u0020actuellement\u0020aucune\u0020disponibilit\u00E9.</div>'; jQuery("#s-lc-app-s1").html(html).fadeIn(springyPage.fadeInDuration); showSpecificGroup(); var staffRadioButtonElements = jQuery('.s-lc-app-sl'); staffRadioButtonElements.on('click', onStaffMemberClicked); // Move focus on datepicker when enter or space is pressed on staff member radio button springyCommon.bindAccessibleKeyPress(staffRadioButtonElements, moveFocusOnDatepicker); catGroupListen(); groupPanelsSetupArrows(); accessibleIcons(); jQuery(".panel-heading").on("click", onPanelHeadingClick).on("keypress", onPanelHeadingKeypress); catListen(); if (!data.fetchDates) { return; } getDatesAndTimes(); }, }); return false; } function moveFocusOnDatepicker() { jQuery('#s-lc-app-dp').find('.ui-state-default.ui-state-active').trigger('focus'); } function onPanelHeadingClick() { // this function makes a group active var section = jQuery(this).attr("aria-controls"); // select the first user (or no preference) in this group by default var firstUser = jQuery("#" + section).find("input[type=radio]").first(); firstUser.prop("checked", true); var cid = categoryGetVisibleId(jQuery("#" + section + " .groupcat_filtering")); if (cid > 0) { jQuery("#cid").val(cid); } getDatesAndTimes(); return true; } function showSpecificGroup() { var groupId = 0; if (groupId < 1) { return true; } jQuery(".group_panel").hide(); jQuery("#collapse" + groupId).addClass("in"); jQuery(".group_" + groupId + " input[name=staff]").first().trigger("click"); jQuery(".group_" + groupId).show(); jQuery(".groupnt_" + groupId).show(); if (jQuery(".groupnt_" + groupId).is(":visible")) { jQuery("#s-lc-app-s1date, #s-lc-app-s1time").remove(); } return true; } function onStaffMemberClicked(event) { // this prevents people clicking a staff member and then clicking a different one // quickly before the datetime request completes if (dateTimeRequestInProgress) { event.preventDefault(); return false; } dateTimeRequestInProgress = true; getDatesAndTimes(); return true; } function getSelectedUserElement() { return jQuery("input[name=staff]:checked", "#s-lc-app-slist"); } function getDatesAndTimes() { jQuery("#s-lc-app-s2, #s-lc-app-s3").hide().html(springyPage.loadingDisplay).fadeIn(springyPage.fadeInDuration); var selectedUser = getSelectedUserElement(); var uid = selectedUser.data("uid"); var gid = selectedUser.data("gid"); var cid = jQuery("#cid").val(); jQuery.ajax({ type: "get", url: "/widget/appointments/datetime", data: { iid: 4040, lid: 264, uid: uid, gid: gid, cid: cid, timezone: springyPage.publicTimezone, logging: window.location.search.includes('springy'), }, dataType: "json", success: function (data) { availableDates = data.dates; jQuery("#s-lc-app-s2").html('<h2 class="s-lc-app-s1h3" tabindex=0 aria-label="Step 2. Choisir\u0026\u0023x20\u003Bune\u0026\u0023x20\u003Bdate">2. Choisir\u0020une\u0020date</h2><div id="s-lc-app-dp"></div>').fadeIn(springyPage.fadeInDuration); if (data.times) { var timeslots = data.times; var date = data.date; var html = '<h2 class="s-lc-app-s1h3" aria-label="Step 3: Choisir\u0026\u0023x20\u003Bune\u0026\u0023x20\u003Bheure\u0026\u0023x20\u003Bde\u0026\u0023x20\u003Bd\u0026\u0023x00E9\u003Bbut">3. Choisir\u0020une\u0020heure\u0020de\u0020d\u00E9but</h2>'; html += '<h3 id="s-lc-app-timeh">' + moment(date).format(springSpace.dateFormat) + '</h3>'; html += getTimezoneDisplay(); for (var i=0; i < timeslots.length; i++) { html += formatTimeslotHtml(timeslots[i], date); } html += createTimeslotContinueButton(); jQuery("#s-lc-app-s3").hide().html(html).fadeIn(springyPage.fadeInDuration); jQuery(".s-lc-app-timeb").on("click", onTimeslotClicked); jQuery('#s-lc-app-continue').on('click', progressToBookingForm); bindTimezoneModal(); } else { jQuery("#s-lc-app-s3").hide(); } var viewDate = (data.dates && data.dates.length > 0) ? data.dates[0] : ""; setupDatepicker(viewDate); dateTimeRequestInProgress = false; }, }); return false; } function getTimezoneDisplay() { return '<div class="s-lc-timezone-container s-lc-app-change-tz-cont pad-top-med pad-bottom-med">' + springyPage.lang.timezone + ': ' + springyPage.publicTimezoneDisplay + ' (<a href="#" class="s-lc-app-change-tz-modal">' + springyPage.lang.changeTimezone + '</a>)' + '</div>'; } function bindTimezoneModal() { jQuery('.s-lc-app-change-tz-modal').off('click').on('click', springyPublic.showTimezoneModal); } function setupDatepicker(dateDefault) { jQuery("#s-lc-app-dp").datepicker({ dateFormat: "yy-mm-dd", changeMonth: true, defaultDate: dateDefault, onSelect: function (date) { datePickerSelectDate() }, beforeShowDay: datePickerEvaluateDate, onChangeMonthYear: calChangeMonthYear }); setupDatepickerAccessibility(); } function calChangeMonthYear(year, month, inst) { jQuery("#select-date-sr-message").html("<h2 class=\"sr-only\">" + springyPage.lang.showMonth + " " + month + " " + year + "</h2>"); } function datePickerSelectDate() { var date = jQuery("#s-lc-app-dp").val(); var selectedUser = getSelectedUserElement(); var uid = selectedUser.data("uid"); var gid = selectedUser.data("gid"); var cid = jQuery("#cid").val(); jQuery("#s-lc-app-s3").html(springyPage.loadingDisplay).fadeIn(springyPage.fadeInDuration); jQuery.ajax({ type: "get", url: "/widget/appointments/times", data: { iid: 4040, lid: 264, uid: uid, gid: gid, cid: cid, date: date, timezone: springyPage.publicTimezone, logging: window.location.search.includes('springy'), }, dataType: "json", success: function (data) { var html = '<h2 class="s-lc-app-s1h3" aria-label="Step 3. Choisir\u0026\u0023x20\u003Bune\u0026\u0023x20\u003Bheure\u0026\u0023x20\u003Bde\u0026\u0023x20\u003Bd\u0026\u0023x00E9\u003Bbut">3. Choisir\u0020une\u0020heure\u0020de\u0020d\u00E9but</h2>'; var timeslots = data.times; if (!timeslots || (timeslots.length === 0)) { html += '<div class="alert alert-danger">Il\u0020n\u0027existe\u0020actuellement\u0020aucune\u0020disponibilit\u00E9.</div>'; } else { html += '<h3 id="s-lc-app-timeh">' + moment(date).format(springSpace.dateFormat) + '</h3>'; html += getTimezoneDisplay(); for (var i=0; i < timeslots.length; i++) { html += formatTimeslotHtml(timeslots[i], date); } html += createTimeslotContinueButton(); } jQuery("#s-lc-app-s3").hide().html(html).fadeIn(springyPage.fadeInDuration).focus(); var timeSlotElements = jQuery('.s-lc-app-timeb'); timeSlotElements.on('click', onTimeslotClicked); timeSlotElements.first().trigger('focus'); jQuery('#s-lc-app-continue').on('click', progressToBookingForm); bindTimezoneModal(); }, }); return false; } function onTimeslotClicked() { jQuery('#s-lc-app-continue').prop('disabled', false).focus(); jQuery('.s-lc-app-timeslot').removeClass('active').attr('aria-pressed', false); jQuery(this).addClass('active').attr('aria-pressed', true); return false; } function redirectToLibAuthLogin(clickedSlot, userId, groupId, categoryId) { window.location = '/appointments-auth/prepare?' + jQuery.param({ iid: 4040, lid: 264, uid: userId, gid: groupId, cid: categoryId, startTime: clickedSlot.data('st'), checksum: clickedSlot.data('crc'), method: 21, }); return false; } function isUserLibAuthEnabled(selectedStaffElement, userId) { // if the selected staff member is an actual user // then we can use the libauth attribute from that element var selectedStaffId = selectedStaffElement.data('uid'); if (selectedStaffId === userId) { return selectedStaffElement.data('libauth'); } // otherwise it means that the selected staff option is either 'no preference' or a group nickname // try to get the selected users libauth setting by looking up their id var userElement = jQuery('input[name=staff][data-uid=' + userId + ']', '#s-lc-app-slist'); if (userElement.length > 0) { return userElement.data('libauth'); } // if we couldn't look them up it means the group is using group nicknames // in this case we return false here and the booking form step // will determine the libauth settings of the user return false; } function progressToBookingForm() { var clickedSlot = jQuery('.s-lc-app-timeslot.active'); var userId = clickedSlot.data("uid"); var selectedUser = getSelectedUserElement(); var groupId = selectedUser.data("gid"); var isLibAuth = isUserLibAuthEnabled(selectedUser, userId); var categoryId = jQuery("#cid").val(); if (isLibAuth) { return redirectToLibAuthLogin(clickedSlot, userId, groupId, categoryId); } hideAll(); /* Hide page title on mobile view on the final step */ jQuery('#s-lc-public-title').addClass('s-lc-desktop-only'); jQuery("#s-lc-app-s4").html(springyPage.loadingDisplay).fadeIn(springyPage.fadeInDuration); jQuery.ajax({ type: "get", url: "/widget/appointments/form", data: { iid: 4040, lid: 264, uid: userId, gid: groupId, cid: categoryId, startTime: clickedSlot.data('st'), checksum: clickedSlot.data('crc'), timezone: springyPage.publicTimezone, nocache: true, method: 21, }, dataType: "html", success: function (html) { jQuery("#s-lc-app-s4").html(html).fadeIn(springyPage.fadeInDuration); accessibleIcons(); jQuery('#s-lc-public-pd').hide(); jQuery('#s-lc-app-back-to-step1').on('click', backToStep1); }, }); return false; } function catListen() { jQuery("#cid").on("change", getDatesAndTimes); } function catGroupListen() { var cid = categoryGetVisibleId(jQuery("#s-lc-app-slist").find(".groupcat_filtering").filter(":visible").first()); if (cid > 0) { jQuery("#cid").val(cid); } jQuery(".groupcat_filtering").change(function () { var cid = parseInt(jQuery(this).val(), 10); jQuery("#cid").val(cid); getDatesAndTimes(); }); } function backToStep1() { hideAll(); /* Unhide page title on mobile view */ jQuery('#s-lc-public-title').removeClass('s-lc-desktop-only'); jQuery("#s-lc-app-s1").fadeIn(springyPage.fadeInDuration); jQuery('#s-lc-public-pd').show(); jQuery('#s-lc-app-s2').show(); var date = jQuery(this).data('date'); jQuery('#s-lc-app-dp').val(date); datePickerSelectDate(date); return false; } jQuery(function() { jQuery('#s-lc-app-location').selectpicker().on('change', springyPublic.goToSelectedUrl); getStaffList(); }); </script> <div id="s-lc-privacy-statement" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Déclaration de confidentialité</h4> </div> <div class="modal-body"> <p>FRANCAIS :<br /> Pour son bon fonctionnement, Book it (LibCal par Springshare) enregistre un ou plusieurs cookies dans votre navigateur. Ces cookies ne sont pas partagés avec des tiers. En outre, votre adresse IP et les informations relatives à votre navigateur sont stockées dans les logs du serveur et utilisées pour optimiser votre expérience d'utilisateur et générer des statistiques d'utilisation anonymes. ULiège Library utilise ces statistiques pour évaluer l'utilisation de Book it. La géolocalisation demandée dans le cadre du check-in n'est jamais partagée avec le système Book it, stockée dans une base de données ou communiquée à ULiège Library ou Springshare. Dans tous les cas, ces informations ne sont pas partagées avec des tiers.<br /> <br /> ENGLISH:<br /> For its proper functioning, Book it (LibCal by Springshare) writes one or more cookies in your browser. These cookies are not shared with any third parties. In addition, your IP address and browser information is stored in server logs and used to optimize your user experience and to generate anonymized usage statistics. ULiège Library uses these statistics to gauge the use of Book it. The geolocation requested during check-in operations is never shared with the Book it system, stored in a database or communicated to ULiège Library or Springshare. In all cases, the information is not shared with any third parties.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> </div> </div> </div> </div> <script> springSpace.cookieConsent.alert({ okay: "OK", placement: "bottom", consent_message: "Ce\u0020site\u0020utilise\u0020des\u0020cookies.\u0020\u007C\u007C\u0020This\u0020site\u0020uses\u0020cookies. <a href='#' id='s-ui-cc-read-more-link'>Plus...</a>", read_more_callback: function () { jQuery("#s-lc-privacy-statement").modal("show"); } }); </script> </body> </html>