@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------*/
/*---------------------------------------------RESPONSIVE-----------------------------------*/
/*------------------------------------------------------------------------------------------*/

/* ========================================================================
   toggle responsive nav
 ========================================================================== */


#btnMenu {
    background-color: transparent;
    position: absolute;
    left: 0;
}

#btnMenu .uk-navbar-nav>li#TglSearch>a {
    width: 40px;
    line-height: 50px;
    height: 50px;
    background: #121e38;
    color: #fff;
    padding: 0;
}

#connexion.uk-hidden {
    display:block!important;
    position:relative!important;
    visibility:visible!important;
}

.tgLbtnMenu {width: 50px;display: none;}

.tgLbtnMenu.uk-active {
    background-color: #88BA3F;
}

.MenuCanvas.uk-button {
    padding: 0;
    display: block;
    background: #ffffff;
    font-size: 20px;
    line-height: normal;
    border: 0;
    text-shadow: none;
    color: #121e38;
    line-height: 50px;
    height: 50px;
    width: 50px;
    transition: all 0.2s;
}

.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus {
    color: #ffffff;
    background: #121e38;
}

.NavResponsive>li>a{
    border-top: solid 1px #e5e5e5;
}
.NavResponsive>li:first-child>a{
    border-top:solid 0px #ddd;
}
.MenuCanvas.uk-button:active, 
.MenuCanvas.uk-button.uk-active,
.MenuCanvas.uk-button:focus {background-color: #121e38;color: #fff;}
.Tgllogin {/* position: absolute; *//* top: 0; *//* right: 150px; *//* z-index: 201; */}

.searchResp {
    display: none;
}

.TglUser,
.TgllSearch {background: transparent;}


/* ========================================================================
   Responsive nav
 ========================================================================== */
.uk-offcanvas-bar-custom.uk-offcanvas-bar{
    background: #ffffff;
}

.uk-offcanvas-bar .uk-panel-box {
    background: transparent;
}
.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel a:not([class]){
    color: #444444;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel .NavResponsive>li:first-child a:not([class]) {
    /* color: #fff; */
    /* background-color: #285ba2; */
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel li:hover>a:not([class]) {
    color: #ffffff;
    background-color: #709a15;
}

.uk-nav ul {
    padding-left: 0;
}
.uk-offcanvas-bar-custom .uk-nav-side > li > a{
    padding: 5px 15px 5px;
    color: #3f3f3f;
}
.uk-offcanvas-bar-custom .uk-nav-side > li  li {
    padding: 5px 0px;
}

#cms_module_sectionslist_173 .uk-offcanvas-bar-custom .SousNavResponsive > li a {
    font-size: 14px;
    padding: 5px 15px;
    text-transform: none;
}
.uk-offcanvas-bar-custom .uk-nav-side > li > a:hover, 
.uk-offcanvas-bar-custom .uk-nav-side > li > a:focus{

background: #2f6780;

color: #ffffff;
}
.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel li li a:not([class]):hover{
    /* color: #787878; */
}

/* ========================================================================
  Medium 1230
 ========================================================================== */


@media screen and (max-width:1250px)   {
    #footer:after, #footer:before, 
    #cms_module_sectionslist_194:before, 
#cms_module_sectionslist_194:before, 
#cms_module_sectionslist_193:after {
        content:none;
    }
    
    .liensFooter {
        padding-left: 20px;
    }

    .logosFooter .imgS {
        margin-left:0;
        margin-right:20px;
    }

    .liensFooter li+li {
        /* margin-left: 30px; */
    }

    .logosFooter .imgS+.imgS {
        margin-left:0;
    }

    .logosFooter .imgS img {
        height: 35px;
    }

    #containBasket {
        /* position:absolute; */
        /* right:0; */
        /* top: 0; */
        /* width: 140px; */
        /* margin-top: 0; */
    }

.MenuHoriz {
    width: 100%;
    margin-top: 0;
}

.MenuHoriz>ul {
}

.MenuHoriz .Nav>li>a {
    /* padding: 5px 25px; */
}
}

@media screen and (max-width:1150px)   {
    .searchbox #search_radio_button_0 {
        /* margin-right: 0; */
        /* margin-bottom: 0; */
    }

    #logo-city img {
        padding-right: 20px;
    }

    .MenuHoriz, .MenuHoriz.uk-navbar {
    }

    .MenuHoriz .Nav>li {
        /* padding: 0 15px; */
    }

    .MenuHoriz .Nav>li+li>a:before {
        left: -20px;
    }

    .searchbox #search_radio_button_1 {
        /* float:none; */
        /* clear: both; */
        /* margin-left: 30px; */
    }

    .listBibli .itemVign {
        /* width:100%; */
    }

    .listBibli .itemVign+.itemVign {
        /* margin-top:20px; */
    }

    .logosSoc .imgSoc {
    }
}

@media screen and (max-width:975px)   {
     .containSelector>.itemSelector>div>div {
         padding-right:30px;
     }
}
/* ========================================================================
  Medium 959 to 768
 ========================================================================== */


@media screen and (max-width:959px)   {
    /*Affichage Accueil
    ========================================================================== */    
    
    /*#143159*/
    #cms_module_sectionslist_194 {
        position: fixed;
        top: 0px;
        z-index: 999;
        right: 0px;
    }
    
    .listselect-item .itemVign a h5{
        text-align: center;
     }

     #container {
         background-image:none;
         /* padding-top: 44px; */
         /* padding-bottom: 47px; */
         padding-bottom: 50px;
     }

     .SliderNot .bx-wrapper .bx-next {
         right: 10px;
     }

     .SliderNot .bx-wrapper .bx-prev {
         left: 10px;
     }

    #bandeau.uk-width-large-1-4 {
        width: 100%;
        padding: 35px 0 0!important;
    }

    iframe#iframe_resume_panier {
    }

    .cart_info_body>span {
        height: 40px;
        line-height: 40px;
    }

    #main.uk-width-large-3-4 {
        width: 100%;
        /* padding: 0; */
    }

    .logosSoc .uk-flex-right {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .liensFooterLarge nav.uk-flex-center {
        -ms-flex-pack: left;
        -webkit-justify-content: left;
        justify-content: left;
    }

    #cms_module_sectionslist_120 {
        border-bottom:0;
    }

    #connexion.uk-hidden {
        position:absolute!important;
        visibility:hidden!important;
    }

    #bandeau div#connexion {
        top: 40px;
        right: 25px;
        position: absolute;
        width: calc(100% - 50px);
        padding: 25px 25px;
        margin-top: 0;
        box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
    }

    #intro {
        margin-bottom:20px;
    }

    #cms_module_htmlcode_141 {
        position: absolute;
        top: -44px;
        width: 100%;
        right: 0px;
        padding-right: 20px;
    }

    .listBibli .itemVign {
        /* width:33.33%; */
    }

    .listBibli .itemVign+.itemVign {
        margin-top: 20px;
    }

.listBibli .itemVign:nth-child(2) {
    margin-top: 0;
}

    .listselect-item .uk-grid>li+li {
        margin-top:20px;
    }

    #bandeau>div+div {
        /* margin-top: 0; */
    }

    #bandeau #lvl1 {
        margin-top: 25px;
    }

    .lienHistorique a {
        font-size: 0;
    }

    .lienHistorique a img {
        margin-right: 0;
    }
    /*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 {
        /* display: none; */
    }
    .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;
    }

    #pmbopac .logosFooter h3 {
        margin:0 0 20px;
    }

    #pmbopac .logosFooter {
    display: flex;
    justify-content: left;
    width: 100%;
    padding-top: 0;
    }

.liensFooter {
    /* padding-top: 0px; */
    /* display: flex; */
    /* justify-content: center; */
    /* width: 100%; */
}
#cms_module_sectionslist_194:before, 
#cms_module_sectionslist_194:before, 
#cms_module_sectionslist_193:after {
    content:none;
}
#cms_module_articleslist_133 .listArticlesGen>div.uk-width-large-3-5 {
    margin-top: 35px;
}

    .logosFooter .uk-flex-right {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: unsafe;
    }

    #footer .rubFooter {
        text-align: center;
        margin: 20px 0;
    }
    
    .notice-heada,
    .notice-parent {
        width: 100%;
        margin: 0 auto 15px;
        font-size: 1.1em;
    }
    #aut_details_container,
    #aut_details_liste {
        padding: 0px;
    }

    #logo-city {
        border:0px;
        position:relative;
        width:100%;
        text-align: center;
        margin-top: 0;
        height: 262px;
        background-color: transparent;
    }

    #logo-city img {
        padding: 0;
    }

    .user i {
        background-color: transparent;
        border-width: 0px;
        line-height: 40px;
        color: #fff;
    }

    .SliderArt .itemContent .imgL {
        max-height: 285px;
    }

    .SliderArt .itemContent .imgL img {
        min-height: 285px;
    }
    /*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 {}
    
    div#cms_module_search_218, 
    div#cms_module_search_219
    div#cms_module_search_220, 
    div#cms_module_search_221 {
        display: block!important;
    }

    div#cms_module_search_22 {/* width: 100%; *//* left: auto; *//* right: auto; *//* top: 130px; *//* padding: 0; *//* padding-bottom: 110px; */position: absolute;top: 50px;left: 0;z-index: 99;background-image: url('./images/bkg_search.jpg');background-size: cover;width: 100%;padding: 20px;}

    div#cms_module_search_22 form.searchbox {
        /* padding: 20px; */
        width: 100%;
        padding-top: 0;
    }

    div#cms_module_search_22 .searchbox input[name="user_query"] {
        /* width: 70%; */
    }

    div#cms_module_search_22 .searchbox input[type="submit"].bouton {
        /* right: 31%; */
        top: -5px;
    }

    .blocFooter+.blocFooter {
        border-left:0px;
        border-top:1px solid #f1f1f1;
    }

.blocFooter.bloc78 {
    border-top: 0px;
}

    .searchbox input[value="Aide"] {
        right: auto;
        bottom: -80px;
    } 
    .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{
	}

	.searchResp {
	    display:block;
	}

    .searchResp .Tgllogin {
        top: 13px;
        right: 300px;
    }
    /*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;
    }

    table.docnum td.docnum {
        width: 100%;
        display:block;
    }
    /*Tableaux
    ========================================================================== */  
    
    .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%;
    }

    #search form .form-contenu .search_dico {
        padding: 7px 10px 7px 0;
        /* float: right; */
    }
    #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;
    }

    #search .form-contenu *[id^="elfield"] input[type="text"].ext_search_txt {
        max-width: 63%;
    }
    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;
    }
    
    #navigator {
        width:100%;
    }
    #navigator td{
        display:block;
    }
    /*intro
    ========================================================================== */ 
    #logo img {
        margin-top: 55px;
    }

    #titrePortail {
    margin-top: 0;
    }

    div#TglUser a {
        /* position:absolute; */
        /* top: -39px; */
        /* right: 270px; */
        /* margin-top: 0; */
        /* z-index: 201; */
        /* color: #ffffff; */
        /* font-weight: 600; */
        /* font-size: 114%; */
    }

    div#TglUser a {
        font-size: 0;
    }

    .fonctionnalites {
        padding-right: 20px;
    }

    #btnMenu .tgLbtnMenu {
        display: block;
        /* position: absolute; */
        /* top: -44px; */
        z-index: 99;
    }

    #btnMenu .tgLbtnMenu#tgle-facette {
        width: 40px;
    }

    .MenuHoriz {
        display: none;
    }

    #cms_module_section_177 {
    }

    .Slider .itemContent .resume {
    }

    .Slider .bx-wrapper .bx-viewport li {padding-right: 0;}

    .SliderArt .logo-medium {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        float: none;
        height: auto;
    }

    .SliderArt .itemContent img {
        /* width: 100%; */
        /* height: auto; */
    }

    .Slider .bx-wrapper .bx-pager {
        width: 64%;
    }

    li#tgle-facette {
        /* left: 46px; */
    }

    li#tgle-facette a {
        background: transparent;
        color: #ffffff;
        width: 40px;
    }

    #cms_module_htmlcode_179 {
        display: block;
    }

    div#TglUser a i {
        margin-left: 10px;
    }

        #accessibility:before {
          margin-right: 10px;
        }

    #accessibility {
        width: 100px;
    }

    #accessibility:after {
      margin-left: 10px;
    }

    div#TglUser a .user {
        /* line-height: 0px; */
        /* color: #ffffff; */
    }

    div#TglUser a .user:before {
    }

    .user img {
        display: none;
    }

    h4.searchbox_title {
        width:100%!important;
    }

    .searchbox {
        /* background-image:none!important; */
    }

    #cms_module_search_191 .searchbox {
        padding: 40px 10%;
    }

}


@media (max-width: 959px) and (min-width: 768px) {
    
    .uk-visible-large {
        display: none!important;
    }

    div#cms_module_search_218, 
    div#cms_module_search_219, 
    div#cms_module_search_220, 
    div#cms_module_search_221 {
        display: block!important;
    }
}

/* ========================================================================
  Medium 959 to 768 ONLY
 ========================================================================== */


@media screen and (min-width:767px) and (max-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-width: 767px){
    /*Intro
    ========================================================================== */   
    
    /*#143159*/
    div#cms_module_search_22 {
        top: 100px !important;
    }

    #cms_module_sectionslist_194 {
        position: fixed;
        top: 48px;
        z-index: 999;
    }
    
    #titrePortail {
    float: none;
    display: block;
    clear: both;
    margin-bottom: 60px;
    margin-top: 0;
    }
    #titrePortail h1{
    }

    div#cms_module_search_218, 
    div#cms_module_search_219, 
    div#cms_module_search_220, 
    div#cms_module_search_221 {
        display: block!important;
    }

    div#cms_module_search_218 .searchbox, 
    div#cms_module_search_219 .searchbox, 
    div#cms_module_search_220 .searchbox, 
    div#cms_module_search_221 .searchbox {
        padding: 40px 10%;
    }

    div#cms_module_search_218 .searchbox input[name="user_query"], 
    div#cms_module_search_219 .searchbox input[name="user_query"], 
    div#cms_module_search_220 .searchbox input[name="user_query"], 
    div#cms_module_search_221 .searchbox input[name="user_query"] {
        width:85%;
    }

    div#cms_module_search_218 .searchbox input[type="submit"].bouton, 
    div#cms_module_search_219 .searchbox input[type="submit"].bouton, 
    div#cms_module_search_220 .searchbox input[type="submit"].bouton, 
    div#cms_module_search_221 .searchbox input[type="submit"].bouton {
        width:15%;
    }

    #modalCentre .uk-modal-dialog {
        width:90%;
    }

    .containSelector>.itemSelector>div>div {
        padding-right:20px;
        font-size: 12px;
    }

.containSelector>.itemSelector+.itemSelector {
    margin-left: 10px;
}

    .SliderHoriz>a {
        position:relative;
        left: 0;
        margin-left: 20px;
    }

    .logosSoc {
        bottom:0;
        top:auto;
        width:100%;
        left: 0;
        right: auto;
        background-color: rgba(255,255,255,0.8);
        box-shadow: 0px -10px 14px rgba(0,0,0,0.1);
        padding:10px 20px;
    }

    .logosSoc li {
        float:left;
    }

    .logosSoc .imgSoc+.imgSoc {
        margin-top:0;
        margin-left: 15px;
    }

    .listCentreInfos.listSwitcher li {
        width:100%;
    }

.listCentreInfos.listSwitcher li+li {
    margin-left: 0;
}

.listCentreInfos.listSwitcher li h3 {
    margin-bottom: 5px;
}

    .logosSoc ul {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    body#pmbopac {
        /* padding-bottom:50px; */
        background-position: center 100px;
    }

    .SliderHoriz {
        padding-bottom: 50px;
    }

    .blocFooter.bloc78 {
        border-top:1px solid #ddd;
    }

    .containSelector {
        padding-left: 120px;
    }

    div#connexion {
    right: 0;
    width: 100%;
    /* margin: 0 25px; */
    z-index: 201;
    top: 100px!important;
    }

    #cms_module_search_191 .searchbox {
        padding:40px 50px;
    }

    .Slider .bx-wrapper .bx-viewport li {
        padding-right:0;
    }

    #logo img {
        margin: 0 auto;
    }

    ul.empr_subtabs:nth-of-type(1), #fiche-empr, #empr-all, #empr-late, #empr-old, #empr-resa, #empr-dsi, #empr-sugg, #empr-list, #empr-dema, #change-password {
        padding-left:15px;
    }

    .websubscribe_form td {
        width: 100%!important;
        display: block;
        text-align: left;
        float: none;
    }

    #connexion a.subs_not_yet_subscriber {
        position:relative;
        width: 100%;
        top: 0;
        right: 0;
    }

    #login_form form {
        width: 100%;
    }

    #connexion h3.login_invite:after {
        right:auto;
        left: 0px;
        top:220px;
        padding: 10px 20px;
        border-top: 2px solid #fff;
        width: 100%;
    }

    #websubscribe {
        position: relative;
        padding-bottom: 205px;
    }

    .websubscribe_form .websubscribe_tr_nom td:last-child {
        position: absolute;
        bottom: 40px;
    }

    .websubscribe_tr_bouton {
        position: absolute;
        bottom: 0;
    }

    #search input.text_query {
        width:100%;
        margin-bottom:20px;
        float: none;
    }

    .itemSolo .imgM {
        margin: 5px auto 15px;
    }

    .Slider .itemContent .resume, .SliderArt h3.titleInside {
        width: 100%;
    }


    .Slider .bx-wrapper .bx-viewport {
        background-color: #eaeaea;
    }

    .search_other_link {
        text-align: center;
    }

    .searchbox input[type="submit"].bouton {
        /* width: 15%; */
    }

    .uk-form .searchbox input[name="user_query"] {
        width: 85%;
    }

    .Slider .bx-wrapper .bx-pager {
        width: 70%;
    }

    .AlaUne .imgL {
        float:none;
        text-align:center;
        margin-top: 20px;
    }

    #footer .navFooter li>a{
        padding:0;
        text-align:center;
    }

    .searchbox input[name="user_query"] {
        /* width: 60%; */
    }

    .search-article-results .imgL, .search-article-results .imgM {
        float:none;
        width:100%;
        text-align:center;
        margin:10px;
    }

    .search-article-results .imgL img, .search-article-results .imgM img {
        width:auto;
    }

    /* EXEMPLAIRES*/
    .exemplaires th{
    	display:none;
    }

    #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
    }


    .Rub .imgL {
        float:none;
        margin:0 0 20px 0;
        text-align:center
    }

    .uk-visible-medium {
        display:block!important;
    }

    #logo {
        /* float: none; */
        /* display: block; */
        /* text-align: center; */
        margin-top: 50px;
    }
    #titrePortail h1>span{
        font-size: 4vw;        
    }
    #titrePortail h1:after{
        content:none;
    }
    #titrePortail #logo{
    }

    div#cms_module_search_22 {
    z-index: 800;
    }

    .searchbox input[value="Aide"] {
        bottom: -39px;
        left: auto;
        right: 0;
    }

    div#TglUser a {
        font-size:0;
    }

    .fonctionnalites {
        padding-right: 20px;
    }

    div#TglUser a:before {
        padding-top: 0;
    }

    a.Tgllogin.uk-button {}

    div#TglUser {
        margin-top: 0px;
    }

    #TglUser a, #titleContact a, #lienHistorique a {
        font-size: 0;
        /* width: 20px; */
    }

    #lienHistorique a {
        margin-right: 8px;
    }

    #titleContact a {
        margin-top: 10px;
        /* width: 20px; */
        /* height: 50px; */
        display: block;
    }

    #TglUser a:before, #titleContact a:before, #lienHistorique a:before {
        margin-top: 7px;
        /* width: 20px; */
    }

    .fonctionnalitesBarre #TglUser a:before {
        height: 50px;
        line-height: 50px;
        margin-top: 9px;
    }

    .fonctionnalitesBarre #titleContact a:before {
        vertical-align: middle;
        margin-top: 15px;
        padding-top: 15px;
    }

    /*Zone
    ========================================================================== */     
    .uk-align-medium-left{
        text-align:center!important;
        margin: 0 auto 20px;
        float: none;
    }

    .listRubs .uk-width-large-1-1 .Rub .article-thumb {margin: 0 auto;width: 100%;}

    .listArticlesGen .itemContent .uk-align-medium-left {
        margin-bottom: 20px;
    }
    /* image passe en pleine largeur */
    .listArticlesGen .Rub .itemAbrege .itemContent .article-thumb {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 10px;
    }   
    /* donc plus besoin d'aligner */
    #pmbopac .with_image {
        margin: 10px 0 0 0;
    }
    /*Zone
    ========================================================================== */
    #bandeau{
        padding:0;
        margin: 20px 0 0 0;
    }

    #bandeau.uk-width-large-1-4 {
        width: 100%;
    }

    .uncolored .is-on-left-side#bandeau {
        padding-right:0;
    }

    #main.uk-width-large-3-4 {
        width:100%;
        /* padding: 20px; */
        padding: 20px;
    }

    div#main {
        padding: 20px;
    }
    
    #pmbopac .infoPonctuelle>h3:before, 
    #pmbopac #facette h3:before, 
    #pmbopac #lvl1 h3:before,  
    .listEtageres>h3:before, 
    #pmbopac .infosBib>h3:before, 
    #pmbopac .document_list>h3:before, 
    #pmbopac .wl-flux-RSS .uk-article-title:before, 
    .infoRubSupplementaireLien>h3:before, 
    #pmbopac .itemInfosPratiques .infoRubSupplementaire>h3:before, 
    #pmbopac .infoPonctuelle>h3:before {
        margin-left: -30px;
    }

    #pmbopac .listServicesCentre>h3:before, 
    #pmbopac .listArticlesGen h2:before, 
    #pmbopac #cms_module_recordslist_57 .SliderNot>h3:before, 
    #pmbopac .listServices>h2:before, 
    #pmbopac .listInfos>h3:before, 
    #pmbopac .fluxRSSPage>h3:before, 
    #pmbopac .listProd>h3:before {
        margin-left:-20px;
    }

    .liensFooterLarge .uk-navbar-nav>li {
        float: none;
        margin: 10px 0;
    }

    .liensFooterLarge .uk-navbar-nav>li+li {
        border:0px;
    }
    /*Footer
    ========================================================================== */     
    .navFooter{
    }

    .liensFooter li {
        float: none;
        display: block;
        margin-left: 0;
    }

    .liensFooter li+li {
        margin-left: 0;
        margin-top: 10px;
    }
    /*Slider
    ========================================================================== */ 
    .dateEvent{
        position:static;
        width:auto
    }
    /*Search
    ========================================================================== */     
    #cms_module_search_22 {
        position: absolute;
        z-index: 200;
        min-width: 230px;
        /* right: 25px; */
        /* top: 50px; */
    }

    #bandeau {
        position: static;
        margin-top: 0;
    }

    div#cms_module_search_22.uk-hidden {
        display: none;
    }

    div#cms_module_articleslist_188 {
        display:block;
    }

    #cms_module_articleslist_127 {
        display:none;
    }

    ul.empr_tabs li, ul.search_tabs li, #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 #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, #resultatrech_liste>span.search_bt_sugg, #resultatrech_liste>span.affiner_recherche, #resultatrech_liste>span.open_visionneuse, #resultatrech_liste>span.addCart, span.search_bt_external, span.search_bt_sugg, span.short_url, span.short_url_permalink, span.short_url_permalink a, #aut_details_liste span.addCart, span.affiner_recherche {
        float:none;
        width:100%;
        display:block;
        text-align:center;
        /* padding: 8px 0; */
        margin-bottom: 5px;
        margin-left: 0;
    }

    #resultatrech_liste>span+span {
        margin-top: 10px;
        margin-left: 0;
    }

    #resultatrech_liste>span.printEtagere, #resultatrech_liste>span.triSelector {
        margin-bottom: 10px;
    }
    /*Item same subject
    ========================================================================== */     
    .SameNotItem+.SameNotItem {
        margin-top:20px;
     }
     .wk-thumbnail{
         text-align:center;
     }

#switchInfos div.itemSwitchInfo .uk-thumbnail {
    max-width: 60%;
    margin: 0 auto 20px;
}
     .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;
        margin-top: 20px;
    }

    .Rub .infosRub .imgM {
        max-width: 320px;
        margin:0 auto;
        float: none;
    }

    /*Basket page
    ========================================================================== */     
    #cart_action input[type="button"].bouton{
        display: block;
        width: 100%;
        height: auto;
        font-size: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    /*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;
    }
    /*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: #ffffff;
        padding: 20px 20px 0px 20px;
     }

    #facette input[type="button"].bouton_filtrer_facette_haut {

    }

    #facette_wrapper > form > h3.facette_compare_listTitle {
        top: 0;
    } 
}

/* ========================================================================
  Small < 600 
 ========================================================================== */
@media screen and (max-width:600px){
    .SliderFond .SliderArt .itemContent .imgL {
        float:none;
        margin:0 auto;
        padding:20px;
        max-height: 200px;
        height: auto;
        width: auto;
        max-width: 200px;
    }

    #logo-city img {
        margin-top: 90px;
        margin-bottom:0;
    }

    .descr_notice tr.record_categories_unesco td span {
        margin-right: 3px;
    }

    div#cms_module_search_22 .searchbox input[name="user_query"] {
        /* width:100%; */
        margin-bottom: 10px;
    }

    #cms_module_search_22 .searchbox input[type="submit"].bouton {
        right: 2%;
    }
    
    .ajax_completion {
        margin-top:-100px!important;
    }

    .search_advanced_link {
        text-align: left;
    }

    #titrePortail h1 {
        margin-left:0;
        margin-top: 60px;
    }

    #titrePortail {
        margin-bottom: 40px;
    }

    #titrePortail h2.baseline {
        margin-left: 40px;
    }

    #titrePortail .titleTop h3 {
        text-shadow: 0px 0px 5px rgba(0,0,0,1);
        font-size: 12px;
    }

    .listBibli .itemVign>a {
        padding: 0 10px;
    }


    #resume_panier {
        /* right:0; */
        /* top:120px; */
        /* width: 120px; */
        /* margin-left: 20px; */
    }

li#tgle-facette a {
    width: 40px;
    margin-right: 0;
}

#btnMenu .uk-navbar-nav>li#TglSearch>a {
    width: 40px;
    padding: 0;
}

#tgle-facette.tgLbtnMenu {
    width: 40px;
}

    table.liste-expl-empr-all {
        overflow-x: scroll;
        display: block;
    }

table.liste-expl-empr-all:before {
    content:"Glissez sur la droite pour voir le tableau de vos r?servations";
}

    iframe#iframe_resume_panier {
        border-right: 0px;
    }

    .searchResp .Tgllogin {
        right:290px;
    }

    .Slider .bx-wrapper .bx-pager {
        width:100%;
        position:relative;
        height: 10px;
        right: 0;
        padding-right: 20px;
        margin-top: -15px;
    }

    .logosFooter .imgS {
        width: 100%;
        display: block;
        float: none;
        clear: both;
    }

    .searchbox input[value="Aide"] {
        bottom: -39px;
        left: auto;
        right: 0;
    }

    #history_action .bouton {
        margin-bottom:0px;
        width:100%;
    }

    .searchbox input[name="user_query"] {
        width:100%;
        /* float:none; */
    }

    div#cms_module_search_181 .searchbox input[name="user_query"], div#cms_module_search_182 .searchbox input[name="user_query"] {
        float: left;
    }

    .searchbox input[type="submit"] {
        text-align: center;
        float: none;
        margin: 0 auto 20px;
    }

    #connexion {
        width:100%;
        right:0;
    }

    #lienHistorique, #titleContact {
        display:none;
    }

    .logosFooter .imgS+.imgS {
    }

    .SliderFond .SliderArt .itemContent .imgL img {
        min-height: 1px;
    }

    div#cms_module_search_181 {
        padding-left:65px;
        padding-right: 50px;
    }

    div#cms_module_search_181 .searchbox input[name="user_query"] {
        width: 100%;
        margin-bottom: 15px;
    }
}

/*#101419*/
/* toutes tailles jusqu'à uikit xlarge (exclue) */
@media screen and (max-width:1219px) {
    .resume table::before {
        content: "";
        display: table-cell;
    }
    .resume table::after {
    content: "";
    display: table;
    clear: both;
    }
    .resume table, 
    .resume table tbody,
    .resume table tr,
    .resume table td {
        display: block;
        width: auto !important;
    }
    .resume table td {
        border: none!important;
    }
    .resume table a {
        width: 100%;
        display: block;
        border: 2px solid #ececec;
    }
}
/* uikit large */
@media screen and (min-width:960px) and (max-width:1219px) {
    .resume table a {
        width: 25%;
        float: left;
    }
}
/* uikit medium */
@media screen and (min-width:768px) and (max-width:959px) {
    .resume table a {
        width: 33%;
        float: left;
    }
}
/* uikit small */
@media screen and (min-width:480px) and (max-width:767px) {
    .resume table a {
        width: 50%;
        float: left;
    }
}
/* uikit en-deçà de small */
@media screen and (max-width:479px) {
    .resume table a {
        width: 100%;
    }
}