@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------*/
/*---------------------------------------------RESPONSIVE-----------------------------------*/
/*------------------------------------------------------------------------------------------*/

/******************************************************************/
/********** Éléments visibles sur tablettes et téléphones *********/
/******************************************************************/

/* ========================================================================
   toggle responsive nav
 ========================================================================== */

#pmbopac .pmb_mobile_bar {
  position: fixed!important;
  background: var(--bg-secondary);
  top: 0!important;
  width: 100%;
  left: 0!important;
  height: 40px;
  padding: 10px 20px;
  z-index: 999;
}

#pmb_mobile_home,
#pmb_mobile_search {
  margin-right: 20px;
}

#pmb_mobile_histo {
  margin-right: auto;
}

#pmbopac .pmb_mobile_bar img {
  width: 20px;
  height: 20px;
}

/* ========================================================================
   Responsive nav
 ========================================================================== */


#cms_module_sectionslist_173 .uk-offcanvas-bar {
  background: var(--color-primary);
}

#pmb_mobile_menu {
  padding: 20px;
  background: var(--bg-primary);
}

.pmb_mobile_menu_container li {
  margin-right: 24px;
}

.pmb_mobile_menu_container {
  justify-content: flex-start;
}

#pmb_mobile_menu li {
  margin: 10px 0;
}

#pmb_mobile_menu ul {
  margin: 0 20px 10px;
}

#pmb_mobile_menu a {
	color: var(--color-white);
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel a:not([class]){
  color: white;
  font-size: 1.1em;
}

#pmbopac .uk-offcanvas-bar-custom .uk-nav-side > li > a{
    padding: 7px 15px;
    color: var(--color-white);
    font-weight: 600;
    font-size: 1.3em;
}

.uk-offcanvas-bar-custom .uk-nav-side > li  li {
    padding: 5px 5px;
}

#pmb_mobile_menu .fa {
  font-size: 32px;
} 

.MenuVertResp {
  background-color: transparent;
}

@media screen and (min-width:1220px)   {
  .uk-hidden-xlarge {
   display: none;
  }
}

@media screen and (min-width:960px)   {
  #main.uk-width-large-3-4 {
    padding-right: 2%;
  }
}


/* ========================================================================
  XLarge 1640
 ========================================================================== */

 @media screen and (max-width: 1639px) {
 
  /* #bandeau.on-home, 
  #bandeau.not-home {
    margin-left: auto;
    margin-right: 5px;
    width: 30%;
  } */
/* 
  #main.on-home,
  #main.not-home {
    width: 65%;
  } */

  #main,
  #main.not-home,
  .pmb_container{
      padding: 0 5.33%;
  }
  
  #bandeau_2 {
    padding: 8px 5.33%;
  }

  #bandeau {
    padding-right: 5.33%!important;
}

  #accessibility {
    left: 5.4%;
  }

  #pmb_main_menu > ul > li:first-child a {
    padding: 0 40px;
  }

  #pmb_main_menu > ul > li:not(:first-child) > a {
    padding: 0 22px;
  }

  #pmb_main_menu > ul > li .uk-dropdown a {
    margin: 10px 22px 0px;
  }

  #pmb_main_menu > ul > li .uk-dropdown li {
    margin: 12px 4px;
  }

  #pmb_top-menu {
    padding-left: 20px;
 }

 .logosSoc {
  margin-left: 18vw;
}

}

@media screen and (max-width:1375px)   {

  .pmb_img_impt {
    max-height: initial;
  }
}

@media screen and (max-width:1462px)   {

  .pmb_cdc_content {
    flex: 3;
  }

  .pmb_cdc_img {
    flex: 1;
  }
}


/* ========================================================================
  Large * < 1220
 ========================================================================== */
@media screen and (max-width:1220px)   {

    #main,
    #main.not-home,
    .pmb_container {
        padding: 0 2.33%;
    }

    #bandeau_2 {
      padding: 8px 2.33%;
    }

    #bandeau {
      padding-right: 2.33%!important;
  }

    #accessibility {
      left: 2.4%;
    }

    #pmb_main_menu > ul > li:first-child a {
      padding: 0 32px;
    }
  
    #pmb_main_menu > ul > li .uk-dropdown a {
      margin: 10px 12px 0px;
      font-size: 1.22em;
    }

    #pmbopac .pmb_selection h3 {
      padding-left: 44px;
      font-size: 2.2em;
    }

    .logosSoc {
      margin-left: 16vw;
    }

    #pmb_top-menu > ul {
      gap: 8px;
    }

    #resume_panier {
      width: 132px;
    }

    #pmb_main_menu > ul {
      justify-content: flex-end!important;
    }

    .pmb_cdc_content {
      flex: 2;
    }
  
    .pmb_cdc_img {
      flex: 1;
    }
}


/* ========================================================================
  Medium 959
 ========================================================================== */


@media screen and (max-width:959px)   {

  #main {
    margin-top: 0;
  }

    #main.uk-width-large-3-4.uk-width-medium-2-3 {
      width: 100%;     
      margin: 0;
      padding: 15px;
    }

    #accessibility {
      display: none;
    }

    .uk-grid-medium > * {
      padding-left: 24px;
    }

    #bandeau.uk-width-large-1-4.uk-width-medium-1-3 {
      width: 100%;     
      margin: 0;
      padding: 15px;
      max-width: inherit;
    }

    .pmb-page-w-bandeau {
      display: block !important;
    }

    .uk-offcanvas#facette {
        max-width: 100%;
    }

    .pmb_burger_menu {
    margin-right: 15px;
    }

    #pmb_login,
    #pmb_login img{
      margin: 0
    }

    #pmbopac .pmb_title,
    #main_hors_footer .pmb_resume,
    .pmb_rss_date,
    #pmbopac .pmb_title_rss {
      margin-left: 0;
    }

    #pmbopac .pmb_home_sections .pmb_sections_list > *{
      margin-bottom: 15px;
    }

    #pmbopac .pmb_row_2 {
    	margin: 15px 0;
    }

    .pmb_org {
    	max-height: 100%;
    }

    .pmb_org + .pmb_org {
      margin-top: 30px;
    }

  /* Header */

  #bandeau_2,
  .pmb_menu_container {
   display: none!important;
 }

  #intro {
    min-height: 280px;
    padding-top: 108px;
  }
  
  .pmb_search {
    position: absolute;
    top: 66px;
    left: 0;
    background-color: var(--color-primary);
    padding: 12px 24px 44px;
    bottom: inherit;
  }

  .pmb_search .searchbox input[name="user_query"] {
    background-color: #ffffff;
  }

  #btnMenu > ul > li {
    margin-right: 6px;
  }

  .pmb_toggle_menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 55;
  }

  .pmb_toggle_menu * {
    background-color: var(--color-white);
  }

  #btnMenu > ul {
    overflow: hidden;
    padding: 8px 0;
  }

  .pmb_toggle_menu .uk-navbar-nav > li > a {
    color: var(--color-secondary);
    height: 100%;
    font-size: 26px;
  }

  .uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus {
    background-color: transparent;
  }

  #connexion {
    left: 0;
    top: 66px;
  }

  .fa.fa-bars {
    color: var(--color-primary);
  }

  .pmb_toggle_menu span {
    color: var(--color-black)!important;
    font-size: 16px;
  }

  #resume_panier {
    width: 62px;
  }

  #cms_module_languages_196 {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0;
    background-color: var(--color-white);
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 24px;
  }

  .pmb_logo_header {
    top: 80px;
    left: 24px;
  }

  #btnMenu .uk-navbar-nav > li > a {
    padding: 0 4px;
  }

  .logosSoc {
    margin-left: 0;
    margin-top: 16px
  }

  /* MAIN */

  .pmb_impt > div {
    flex-direction: column;
  }

  .pmb_impt > div > div {
    width: 100%;
  }

  .pmb_img_impt {
    max-height: 300px;
  }

  .pmb_scoop_it .mediaWidget {
    flex-direction: column;
  }

  .pmb_scoop_it .mediaWidget iframe {
    align-self: center;
  }

    /* footer */ 

  #piedDePage > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 32px;
  }

  .pmb_logos_partenaires h4 {
    text-align: center;
  }

    /******************************************************************/
    /**************************** Rubrique ****************************/
    /******************************************************************/

    .pmb_item_img {
      margin-bottom: 20px;
      text-align: center;
  }

    #pmb_shelves_tab_filter,
    .pmb_shelf_abc_container #pmb_filter
 {
      flex-direction: column;
    }

    #pmb_shelves_tab_filter li,
    .pmb_shelf_abc_container #pmb_filter li {
    	width: 100%;
    }

    /******************************************************************/
    /**************************** Resultat rech************************/
    /******************************************************************/


    #pmbopac #resultatrech_liste .reccord-item .thumb-item {
	      max-width: none;
        text-align: center;
    }

    #pmbopac .reccord-item .thumb-item .vignetteDocNot {
        text-align: center;
    }

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

    /*Simple search
    ========================================================================== */

    /*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_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;
    }
    #aut_details_container,
    #aut_details_liste {
        padding: 0px;
    }

    /*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;
    }
    /*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;

    }

    .etiq_champ {
        display: block;
        text-align: left;
    }
    #search form .form-contenu .table-no-border input[type="button"] {
        margin: 0 auto;
    }

    #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;
    }

    #resultatrech_liste  > span:not([style*="display: none"]),
    #resultatrech_liste  > span:not([style*="display: none"]) a,
    #resultatrech_liste  > input:not([style*="display: none"]),
    #search_universe_segment_result_list > span:not([style*="display: none"]),
    #search_universe_segment_result_list > span:not([style*="display: none"]) a,
    #search_universe_segment_result_list > input:not([style*="display: none"]) {
      width: 100%;
      text-align: center;
    }

    .panier_avis_notCourte {
      margin-top: 15px;
    }

    #facette_wrapper {
      margin-bottom: 0;
    }

}


/* ========================================================================
  Small < 767
 ========================================================================== */
@media screen and (max-width:767px){

  .pmb_espace .listBibli > div {
    gap: 24px;
    flex-direction: column;
  }

  .pmb_espace_item {
    align-self: center;
  }

  #main,
  #main.not-home,
  .pmb_container {
      padding: 0 4.33%;
  }

  .pmb_search {
    padding: 12px 24px 84px;
  }
  
  #search_other_link_0 {
    left: 0;
  }
  .search_advanced_link, .search_other_link {
    left: 60px;
    text-align: left;
    top: 112px;
    font-size: 16px;
  }

  #main.on-home #main_hors_footer > div + div {
    margin-top: 32px;
  }

  .logosFooter {
    gap: 32px;
  }

  .liensFooter ul {
    flex-direction: column;
  }

  .liensFooter ul a {
    text-align: center;
  }

    /*Zone
    ========================================================================== */
    #bandeau{
        padding:0;
        margin: 20px 0 0 0;
    }

    /*Footer
    ========================================================================== */
    .navFooter{
        padding-bottom:35px;
    }


    /*Notice display param
    ========================================================================== */

    .descr_notice td {
        min-width: 0px;
    }

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

    /*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;
    }

    #pmbopac .vignetteDocNot, #pmbopac .typeDoc_notCourte {
      width: 100%;
    }

     .footer_notice,
     .resa_notice {
       text-align: center;
     }

     .noticesEtagere > a {
       float: none;
     }

    #simple_search_zone span {
    	width: 100% !important;
    }

    .prodDoc {
    	max-width: 50%;
    }

    #footer .pmb_anchor {
    	top: -400px;
    }

    .pmb_footer_links {
    	height: 140px;
    }

    .pmb_footer_links li {
    	margin: 0 auto;
    	width: 100%;
    	text-align: center;
    }

    #pmb_shelves_tab .pmb_record_img {
      text-align: center;
    }

    #pmb_shelves_tab .pmb_button_link {
      margin-bottom: 10px;
    }

    .uk-accordion-content .pmb_contact {
    	margin-bottom: 10px;
    }

    .pmb_alertes_item {
      order: 2;
    }

    /* Notices résultat responsive */

    .parentNotCourte {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

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

    .notice_corps {
      width: 100%;
      float: none;
     }

     .panier_avis_notCourte {
      margin-left: 0;
      }

}

@media screen and (max-width:480px){

  /* #intro::before {
    width: 150px;
  }

  #pmbopac #titrePortail h1::before {
    content: none;
  }
  
  #pmbopac #titrePortail h2 {
    padding-left: 0;
  }

  #btnMenu > ul > li {
    margin-right: 0;
  }
  
  #login_form input.bouton {
    bottom: 80px;
    right: 16px;
  }

  #help_connexion {
    right: 16px;
  }

  #connexion {
    padding: 16px !important;
    width: inherit;
  }
 */


  /* Redefinition de la font du body pour affecter les variables */
   body#pmbopac {
    font-size: 14px;
  }

  #login_form input.bouton {
    top: 129px;
  }

  /* .pmb_mobile_menu_container li {
    margin-right: 0!important;
    padding: 12px;
  }

  .pmb_carrousel,
  .pmb_carrousel figure img {
    max-height: inherit;
  }

  .pmb_carrousel figcaption {
    height: fit-content;
  }

  .pmb_carrousel figure img,
  .pmn_carrousel li,
  .pmb_carrousel > ul {
    height: 620px;
    width: auto;
  }

  #footer::before {
    width: 170px;
  }

  #piedDePage .bloc46 > div {
    gap: 8px;
    flex-direction: column;
  } */



    /******************************************************************/
    /**************************** Intro ******************************/
    /******************************************************************/

    #history_action input{
          margin-left: 0px;
          margin-top: 5px;
          display: block;
          width: 100%;
          white-space: break-spaces;
      }

    /************************** Accueil *****************************/

    #pmbopac .uk-slidenav.uk-slidenav-previous{
    left: 0;
    }

    #pmbopac .uk-slidenav.uk-slidenav-next{
        right: 0;
    }


    /************************** Mon compte*****************************/


    /******************************************************************/
    /**************************** footer ******************************/
    /******************************************************************/

    #resultatrech_liste > span {
      padding: 0;
    }

    .pmb_home_sections > div {
      margin: 0 auto;
    }

    #pmbopac .pmb_footer_section {
      width: 100%;
      margin-top: 15px;
    }

    .pmb_bdd {
      justify-content: center;
    }
}