@charset "utf-8";/**/
/* CSS Document */
/*------------------------------------------------------------------------------------------*/
/*---------------------------------------------RESPONSIVE-----------------------------------*/
/*------------------------------------------------------------------------------------------*/
/* ========================================================================
   toggle responsive nav
 ========================================================================== */
.wl-tgl-nav {
}

.uk-touch .wl-tgl-nav {
	display: block;
}

.wl-tgl-nav {
	z-index: 20;
}

#btnMenu {
	background-color: transparent;
	height: auto;
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0);
	display: block;
	z-index: 2;
	height: 30px;
	width: 100%;
}

.wl-tgl-nav .uk-navbar-nav {
	width: 100%;
}

.wl-tgl-nav ul>li {
}

.wl-tgl-nav ul>li+li {
	margin-left: 3px
}

.tgLbtnMenu-left {
	float: right!important;
}

.tgLbtnMenu.uk-active {
}

.MenuCanvas.uk-button, .wl-tgl-nav .uk-button {
	height: 40px;
	padding: 0 10px;
	line-height: 39px;
	width: 40px;
	background: #213f41;
}

.MenuCanvas.uk-button {
	background-color: #ffffff;
	border-radius: 0%;
	color: #7acad1;
}

.MenuCanvas.uk-button.filter-canvas {
	background-color: #b2d965;
	color: #213f41;
}

.wl-tgl-nav .uk-button i.fa {
	font-size: 17px;
}

.tgLbtnMenu {
}

.wl-tgl-nav .uk-navbar-nav>li.uk-open>a, 
.wl-tgl-nav .uk-navbar-nav>li:hover>a,
.wl-tgl-nav .uk-navbar-nav>li>a:focus {
	color: #7acad1;
}

.user i {
	margin-top: 2px;
	background-color: transparent;
	border-radius: 50%;
	border-width: 0px;
	line-height: 26px;
}

.NavResponsive>li>a {
	border-top: solid 1px rgba(255, 255, 255, 0.32);
}

.NavResponsive>li:first-child>a {
	border-top: solid 0px #ddd;
}

.MenuCanvas.uk-button:active, .MenuCanvas.uk-button.uk-active, .MenuCanvas.uk-button:focus {
	color: #fff;
}

.uk-offcanvas .lang-select .langue_selected {
	position: static;
	display: inline-block;
}

.uk-offcanvas .lang-select {
	padding: 10px 15px;
	border-top: solid 1px #fff;
	text-align: right;
}

.lienHistorique-off-c {
}

.lienHistorique-off-c img {
	vertical-align: sub;
	margin-right: 5px;
}

.mail-to i {
	margin-right: 5px;
}

.MenuCanvas.uk-button:hover, .Tgllogin {
}

.MenuCanvas>i, .user {
}

.userMessg {
}

.TglUser, .TgllSearch {
}

.TglUser.uk-active {
}

/* ========================================================================
   Responsive nav
 ========================================================================== */
.uk-offcanvas-bar-custom.uk-offcanvas-bar {
	background: #373737;
	font-size: 1.3em;
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel {
	background: transparent;
}

.left.uk-offcanvas-bar-custom.uk-offcanvas-bar {
	background: #898889;
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel a:not([class]) {
	color: rgb(255, 255, 255);
	font-weight: 400;
}

.uk-offcanvas .left.uk-offcanvas-bar-custom .uk-panel a:not([class]) {
	color: #f1f1f1;
	font-weight: 400;
}

.uk-offcanvas-bar-custom .uk-nav-side > li > a {
	padding: 10px 15px;
	color: #ffffff!important;
}

.left.uk-offcanvas-bar-custom .uk-nav-side > li > a {
	padding: 7px 15px;
	color: #f9f9f9!important;
}

.uk-offcanvas-bar-custom .uk-nav-side > li li {
	padding: 5px 5px 5px 10px;
	color: #4f4f4f;
}

.uk-nav.uk-nav-side .SousNavResponsive {
	padding: 0px 0px 10px 17px;
}

.SousNavResponsive li {
	border-left: solid 1px #fff;
	padding: 0px 0px 0px 10px;
}

.uk-offcanvas-bar-custom .uk-nav-side > li > a:hover, .uk-offcanvas-bar-custom .uk-nav-side > li > a:focus {
	background: transparent;
	color: #fff!important;
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel li li a:not([class]):hover {
}

:selection {
	background: transparent;
	color: #4f4f4f;
	text-shadow: none;
}

/* ========================================================================
  Medium 959 to 768
 ========================================================================== */
@media screen and (max-device-width: 960px) {
	/* ========================================================================
      Bandeaux set-up
     ========================================================================== */#bandeau_2 {
		background-color: transparent;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		margin-top: 1px;
		padding-right: 30px;
	}

	/* ========================================================================
      logo Site 
    ==========================================================================  */
	.ui-titre-site {
	}

	#titreLogo {
	}

	#logo-city {
	top: 40px;
	}
	#logo-city img{
		height:auto;
	}

	#titrePortail {
	}

	#titrePortail h1 {
		padding: 10px 10px 10px 30px;
		position:relative;
		background: transparent;
		color: #5f5e5c;
	}

	#titrePortail h1:after {

	}

	/*Affichage page
    ========================================================================== */
	#container {
		padding: 0 10px;
	}

	/*Affichage Accueil
    ========================================================================== */
	.listselect-item .itemVign a h5 {
		text-align: center;
	}

	/* ========================================================================
	   Nav-bar custom
	 =========================================================================  */
	/*
	navbar spacer
	*/
	.uk-navbar-nav > li+li:before {
		content: none;
	}

	/*Affichage fil ariane
    ========================================================================== */
	.breadcrumb a {
		font-size: 0.8em;
	}

	.breadcrumb {
		white-space: normal;
	}

	/*User log-In
    ========================================================================== */
	#connexion {
		width: 100%;
		top: 40px;
	}

	#connexion h3 {
	}

	#connexion.hide {
	}

	#login_form>a {
	}

	#connexion input.password {
	}

	.uk-navbar-nav>li#toggle-user>a {
		padding: 0px 10px;
	}

	li#toggle-user a.toggle-user-btn {
		font-size: 0;
	}

	li#toggle-user span.user {
		font-size: 20px;
	}

	.uk-navbar-nav>li, .uk-navbar-nav {
	}

	/*Simple search
    ========================================================================== */
	#cms_module_search_22 {
		position: fixed;
		background: #7acad1 none repeat scroll 0 0;
		padding: 10px 0px;
		z-index: 99;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.22);
		border: #5fb2b9 solid 1px;
		top: 40px;
		right: 45px;
		width: 100%;
		max-width: 353px;
	}

	#cms_module_search_22.hide {
		display: none;
	}

	.searchbox {
		margin: 0px auto;
		text-align: center;
		padding: 0;
	}

	.research_inputs {
		/* width: 90%; */
	}

	.search_other_link {
		width: 90%;
	}

	/*Affichage notice
    ========================================================================== */
	.notice-child table table td.bg-grey, #notice table table td.bg-grey, .parent table table td.bg-grey {
		min-width: 83px;
		padding: 3px 1px;
		width: auto;
		word-break: break-all;
	}

	expl_header_expl_cote, .expl_cote {
	}

	.expl_header_expl_cb, .expl_cb, .expl_available .Code-barres, .Code-barres {
	}

	.expl_header_location_libelle, .location_libelle, .expl_header_section_libelle, .section_libelle {
		width: auto;
		word-wrap: initial;
		overflow: hidden;
	}

	.notice-child {
		padding: 0px;
		margin: 0px;
	}

	.notice-child table {
		padding: 0px;
		margin: 0px;
		width: auto;
	}

	.notice-child table table td, #notice table table td {
		line-height: normal;
		max-width: 210px;
	}

	.vignetteimg {
		display: none;
	}

	.notice-heada, .notice-parent {
		width: 100%;
		margin: 0 auto 15px;
		font-size: 1.1em;
	}

	#aut_details_container, #aut_details_liste {
		padding: 0px;
	}

	/*search
    ========================================================================== */
	#resultatrech, #resultatrechBis, #resultatrech_liste {
	}

	#search .row form .row span {
	}

	#searchWebdoc .searchbox input[name="user_query"] {
	}

	#search .boutonrechercher, #search input[type="submit"] {
	}

	#resultatrech_liste>a:nth-of-type(n+3), #aut_details_liste>a:nth-of-type(n+3), .form_liste_lecture input[type="button"], .form_liste_lecture input[type="submit"], #print_options input[type="submit"].bouton, #print_options input[type="button"].bouton, #notice table td div>a, .lienNotArt a, #cart_action input[type="button"], #resultatrech_liste>span.search_bt_sugg a, #resultatrech_liste>span.affiner_recherche a, #resultatrech_liste>span.open_visionneuse a, #resultatrech_liste>span.addCart a, #resultatrech_liste>a[href*='aff_module'], .search_bt_external a, .search_bt_sugg a, .short_url a {
	}

	#search .row form .row span {
	}

	#searchWebdoc .searchbox input[name="user_query"] {
	}

	#search .boutonrechercher, #search input[type="submit"] {
	}

	.searchbox input[value="Aide"], #search form input[value="Aide"], #search > div.row > form > input.bouton {
	 }

	.cms_module_search {
	}

	.search_advanced_link {
	}

	#search .table-no-border td .search_critere {
	}

	ul.search_tabs li:before, ul.empr_tabs li:before, ul.search_tabs li:after, ul.empr_tabs li:after {
	}

	ul.search_tabs li, ul.empr_tabs li, ul.list_tabs li, div>ul.menuPreDef.EcotekGrey li, div>ul.menuPreDef.EcotekGrey li a {
	}

	#search form select[name="typdoc"], #search .form-contenu select#add_field {
	}

	.searchbox input[name="user_query"] {
	}

	#main .searchbox input[value="Aide"] {
	}

	.searchbox.heightZero {
	}

	/*Periodique
    ========================================================================== */
	#perio_a2z ul.onglets_isbd_public div li {
		width: auto;
		margin-bottom: 10px;
	}

	#a2z_perio #form_search_bull input[type="text"] {
		width: 95%;
	}

	#blocNotice_descr>div>div {
		float: none;
		width: auto;
		margin: auto;
	}

	#blocNotice_descr>div>div.record_details {
		width: 100%;
	}

	/*Tableaux
    ========================================================================== */
	.exemplaires th {
		display: none;
	}

	.notice-child table table, .notice-child table table tbody, .table-no-border, .table-no-border tbody, #notice div[id^=div_public] table, #notice div[id^=div_public] table tbody, #a2z_contens table, #a2z_contens table tbody {
		display: block;
	}

	#a2z_contens table {
		max-width: 100%;
	}

	.notice-child table table tr, .table-no-border tr, #notice div[id^=div_public] table tr, #a2z_contens table tr {
		display: table;
		width: 100%;
		text-align: left;
	}

	.notice-child td, .notice-child table table td.bg-grey, .notice-child table table td, #notice table table td, .table-no-border td, #notice table table td.bg-grey, .parent table table td.bg-grey, #a2z_contens table td {
		display: table-row;
		width: 100%;
		max-width: 100%;
	}

	#form_search_bull > form > table > tbody > tr:nth-child(2) > td {
		display: initial;
		padding: 0px 10px;
	}

	#a2z_perio > table > tbody > tr > td> table {
		color: #444;
	}

	#a2z_perio > table > tbody > tr > td {
		color: #999;
	}

	.etiq_champ {
		display: block;
		text-align: left;
	}

	#search form .form-contenu .table-no-border input[type="button"] {
		margin: 0 auto;
		margin-left: 85%;
		width: 14%;
	}

	#search form .form-contenu .table-no-border .search_cancel {
		border-bottom: dotted 1px #8C8C8C;
		display: block;
		padding-bottom: 5px;
		margin-bottom: 7px;
	}

	#search form .form-contenu .search_value .ext_search_txt, .form-contenu input[type="text"] {
		max-width: none;
		width: 100%;
		margin-bottom: 7px;
	}

	table.a2z_contens .a2z_perio_list {
		width: 100%;
		height: auto;
		overflow: auto;
		max-height: 350px;
	}

	.expl_voisin_search table td, .simili_search table td {
		display: block;
		width: 50%;
		float: left;
	}

	#zone_exemplaires .item_expl.expl_available td {
		display: block;
	}

	#zone_exemplaires .item_expl.expl_available td:before {
		content: " "attr(class)" ";
		display: block;
		background-color: #eee;
		padding: 5px 5px;
	}

	#navigator {
		width: 100%;
	}

	#navigator td {
		display: block;
	}

	/*Selections them
    ========================================================================== */
	.listselect-item .itemVign a {
	}

	/*Facette 
   ========================================================================== */
	#facette.uk-offcanvas {
	}
	#cart #resume_panier{
		height:40px;
		max-width: 160px;
	}
}

/* ========================================================================
  Medium 959 to 768 ONLY
 ========================================================================== */
@media screen and (min-device-width: 767px) and (max-device-width:959px) {
	/*Affichage notice
    ========================================================================== */
    ..itemSolo .uk-align-medium-left, .article-thumb .uk-align-medium-left, .itemSolo .uk-align-medium-right, .article-thumb .uk-align-medium-right {
		max-width: 60%;
	}
}

/* ========================================================================
  Small < 767 
 ========================================================================== */
@media screen and (max-device-width: 767px) {
	/*Intro
    ========================================================================== */#intro {
		min-height: 150px;
	}

	body#pmbopac {
		background-position-y: -57px;
		background-size: auto 220px;
	}

	#titrePortail {
	}

	#titrePortail h1 {
		padding:10px 5px;
		text-align: center;
		font-size: 17vw;
		height: auto;
		max-width: 100%;
		margin: 7px auto 40px;
	}

	#titrePortail h1>span {
		font-size: 4vw;
	}

	#titrePortail h1:after {
		content: none;
	}

	#titrePortail #logo {
		padding: 0px;
		text-align: center;
		background: #f3efe3;
	}

	#titrePortail #logo .uk-panel:last-child {
		display: none;
	}

	/*Zone
    ========================================================================== */
	.uk-align-medium-left {
		text-align: center!important;
	}

	.colored #main.is-on-left-side #main_hors_footer.uk-grid-medium {
		margin: 0;
		padding-top: 25px;
		padding-bottom: 45px;
	}

	.colored #main.is-on-left-side {
		padding-top: 25px;
	}

	#bandeau {
		padding: 0;
		margin: 20px 0 0 0;
	}
	.uncolored .is-on-right-side#bandeau {
		padding-left: 0px;
	}
	#footer {
	}
	/*accueil
    ========================================================================== */	
	.listNotAccueil>div>.uk-panel{
		flex: 3 1 auto;
	}
	.listNotAccueil>div>img{
		flex: 0 1 auto;
		padding: 15px 0;
		width: 22%;
		height: 100%;
	}
	/*Footer
    ========================================================================== */
	.navFooter {
		padding-bottom: 35px;
	}

	/*Slider
    ========================================================================== */
	.dateEvent {
		position: static;
		width: auto;
	}

	/*Search
    ========================================================================== */
	#cms_module_search_22 {
	}

	#cms_module_search_22 h4 {
		padding: 5px 10px;
		font-size: 14px;
		text-align: center;
	}
	.searchbox input[name="user_query"] {
		max-width:calc(100% - 50px )
	}
	/*Emprunteur
    ========================================================================== */
	.empr_tabs>li+li, 
	.search_tabs>li+li{
		margin:2px 2px 0px 0px;
	}
	/*Item same subject
    ========================================================================== */
	.SameNotItem+.SameNotItem {
		margin-top: 20px;
	}

	.wk-thumbnail {
		text-align: center;
	}

	.wk-thumbnail img {
	}

	/*Notice display param
    ========================================================================== */
	.asideContentNot {
		float: none;
		margin-right: auto;
		width: auto;
	}

	.vignetteimgNot {
		margin-bottom: 10px;
	}

	.parentNotCourte .vignetteimgNot {
		width: 100%;
		float: none;
		margin-right: auto;
	}

	.notice_corps {
		width: auto;
		float: none;
	}

	.panier_avis_notCourte {
		margin-left: auto;
	}
	
	/*Basket page
    ========================================================================== */
	#cart_action input[type="button"].bouton {
		display: block;
		width: 100%;
		height: auto;
		font-size: 12px;
	}

	/*Tableaux
    ========================================================================== */
	.expl_voisin_search table td, .simili_search table td {
		display: block;
		width: auto;
		float: none;
	}

	.fiche-lecteur td {
		display: block;
		width: auto;
		padding: 5px;
	}

	.etiq_champ {
		padding: 0px;
	}

	.fiche-lecteur .bg-grey {
		background-color: #d7d7d7;
	}

	.descr_notice, .descr_notice tbody {
		max-width: 100%;
	}

	/*Facette canvas
    ========================================================================== */
	.uk-offcanvas#facette {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		touch-action: none;
		background: rgba(0, 0, 0, 0.1);
	}

	.uk-offcanvas.uk-active#facette {
		display: block;
	}

	#facette_wrapper.uk-offcanvas-bar {
		background: #68b5bf;
	}

	/*accessibility
    ========================================================================== */
	.listBibli .itemVign>a {
		left: 25px;
	}

	.selection-container {
	}

	.selection-container .ui-flex-stretch {
		flex-direction: column;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
	}

	/*accessibility
    ========================================================================== */
	#accessibility {
		display: none;
	}
}

.left .MenuVertResp.uk-panel.uk-panel-box {
	background: #898889;
	color: #fff;
}