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

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

#btnMenu ul>li>a>i.fa{
    margin-top: 9px;
}

.wl-tgl-nav{
    display:none
}

.uk-touch .wl-tgl-nav{
    display:block;
}
.wl-tgl-nav{
    position: static;
    z-index: 200;
    left: 0;
}
#btnMenu {
    height: auto;
    background-color:transparent;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0);
    display: block;
    z-index: 2;
    position: relative;
    height: 30px;
}

.wl-tgl-nav ul>li {width: 35px;background-color: grey;}

.tgLbtnMenu.uk-active {
    background-color: #88BA3F;
}

.MenuCanvas.uk-button,
.wl-tgl-nav .uk-button  {
    padding: 0;
    display: block;
    background: transparent;
    font-size: 17px;
    line-height: normal;
    border: 0;
    text-shadow: none;
    color: #fff;
    line-height: 30px;
    height: 30px;
}
.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{
    background-color: transparent;
}
.user i {
    margin-top: 4px;
    background-color: transparent;
    border-radius: 50%;
    border-width: 0px;
    line-height: 26px;
}
.NavResponsive>li>a{
    border-top:solid 1px #ddd;
}
.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: #4b89c7;color: #fff;}
.MenuCanvas.uk-button:hover,


.Tgllogin {
}

.MenuCanvas>i,
.user {
}



.userMessg {
}

.TglUser,
.TgllSearch {
}

.TglUser.uk-active {
}

/* ========================================================================
   Responsive nav
 ========================================================================== */
.uk-offcanvas-bar-custom.uk-offcanvas-bar{
    background-color:#4569ae;
}

.uk-panel-box{
    background-color:#4569ae;
}

.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel a:not([class]){
    color: #fff;
    font-weight: 500;
}
.uk-offcanvas-bar-custom .uk-nav-side > li > a{
    padding: 7px 15px;
}
.uk-offcanvas-bar-custom .uk-nav-side > li  li {
    padding: 5px 5px;
    color: #4f4f4f;
}
.uk-offcanvas-bar-custom .uk-nav-side > li > a:hover, 
.uk-offcanvas-bar-custom .uk-nav-side > li > a:focus{

background: #72a9df;

color: #fff!important;
}
.uk-offcanvas .uk-offcanvas-bar-custom .uk-panel li li a:not([class]):hover{
    color: #648eb7;    
}

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

/* ========================================================================
  Medium 1095
 ========================================================================== */


@media screen and (max-width:1095px)   {
    
    .SliderArt .bx-wrapper .bx-next{
        right:-10px;
    }
    
}


/* ========================================================================
  Medium 1008
 ========================================================================== */


@media screen and (max-width:1008px)   {
     #cms_module_section_126{
         margin: auto auto;
     }

     
         #cms_module_htmlcode_185{
        width:auto!important;
    }
    
    #cms_module_section_125{
        width:100%;
                text-align:center;
    }
     
}    


/* ========================================================================
  Medium 959 to 768
 ========================================================================== */


@media screen and (max-width:959px)   {
    
        
    div#help_connexion {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
    
    
    .SliderArt{
        padding: 20px 0px 30px 70px;   
    }
    
    /*Affichage Accueil
    ========================================================================== */    
    .listselect-item .itemVign a h5{
        text-align: center;
     }
    /*User log-In
    ========================================================================== */   
     #connexion{
        position:absolute!important;
        z-index: 25;
        width: 100%;
        top: 240px!important;
     }
     
     #connexion.hide{
        display: none;
     }
    /*Simple search
    ========================================================================== */   

     #cms_module_search_22.hide{
        display: none;
     }
     
     #cms_module_section_126{
         margin: auto auto;
     }
     
    /*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;
    }
    .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 {
    ;
    }

    #TglSearch a{
        background-color:grey;
        height:40px;
    }
    
    .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;
    }
    /*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;
    }

}

/* ========================================================================
  Medium 959 to 768 ONLY
 ========================================================================== */


@media screen and (min-device-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 < 930
 ========================================================================== */
@media screen and (max-width:930px){
    
    .SliderArt h3.titleInside:after, .listselect-item>h3:after, .SliderHoriz .SliderNot>h3:after{
        width:130%;
    }

}


/* ========================================================================
  Small < 767 
 ========================================================================== */
@media screen and (max-width:767px){
    /*Intro
    ========================================================================== */   
    
    #cms_module_articleslist_21, #cms_module_sectionslist_188, #bandeau, #cms_module_articleslist_198 {
        padding-left:0px!important;
    }
    
    #logo-city{
        margin-left:0px;
    }
    
    .SliderArt h3.titleInside{
        position:relative;
    }
    
    .SliderArt h3.titleInside:after, .listselect-item>h3:after, .SliderHoriz .SliderNot>h3:after{
        width:100%;
    }
    
    .uk-form .searchbox input[name="user_query"]{
        height: 30px;
        line-height: 30px;
        width: 84%;
        margin-left: 16px;
        margin-bottom: 0;
        display: block;
        margin: 0 auto;
        float: left;
        background: #fff;
        border: none;
        max-width:84%;
    }
    
    .Slider .itemContent .resume{
        font-size: 0.9em;
        display: inline-block;
        color: #4569ae;
        float: right;
        width: 65%;
    }
    
    .datesEven{
        text-align:left;
    }

    .SliderArt .bx-wrapper .bx-next{
        right:0px;
    }
        
    .SliderArt .itemContent{
        padding:0px;
    }
    
    .SliderArt .itemContent img{
        max-height:150px;
    }
    
    .logo-medium{
        background:transparent;
        border:none;
            display: inline-block;
    }
    
        #cms_module_section_125{
        text-align:center;
            width:100%;
    }
    
    #cms_module_section_125 .logo-city{
        margin-left:0px;
    }


    #titrePortail{
    }
    #titrePortail h1{
        padding: 20px 0px 20px 0px;
        text-align: center;
        font-size: 7vw;
        height: auto;
        max-width: 100%;
    }
    #titrePortail h1>span{
        font-size: 4vw;        
    }
    #titrePortail h1:after{
        content:none;
    }
    #titrePortail #logo{
 
    }
    /*Zone
    ========================================================================== */     
    .uk-align-medium-left{
        text-align:center!important;
    }   
    /*Zone
    ========================================================================== */
    #bandeau{
        padding:0;
        margin: 20px 0 0 0;
    }
    #footer{
    }
    /*Footer
    ========================================================================== */     
    .navFooter{
        padding-bottom:35px;
    }
    /*Slider
    ========================================================================== */ 
    .dateEvent{
        position:static;
        width:auto
    }
    /*Search
    ========================================================================== */     
    #cms_module_search_22 {
        position: absolute!important;
        z-index: 200;
        min-width: 230px;
        right: 25px;
        top: 60px!important;
    }
    /*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;
    }
    /*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;
	} 
	    /*actus statiques
    ========================================================================== */  
	.ListActus .content {
    border: solid 2px #4569ae;
    padding: 20px 10px;
	}
}


/* ========================================================================
  Medium 680
 ========================================================================== */


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

    #titrePortail{
        display:none;
    }
    
}


/* ========================================================================
  Medium 625
 ========================================================================== */


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

    #accessibility{
        bottom: 92px;
    }
    
}

/* ========================================================================
  Medium 523
 ========================================================================== */

@media screen and (max-width:523px)   {
    
    .SliderArt .bx-wrapper .bx-prev{
        left:0px;
    }
    
}

/* ========================================================================
  Medium 522
 ========================================================================== */


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

    #accessibility{
        bottom: 92px;
    }
    
    .SliderArt{
        padding:20px;
    }
    
    .Slider .itemContent .resume{
        float: none;
        width: 100%;
    }
    
    .SliderArt .bx-viewport{
        height:340px!important;
    }
  
}


/* ========================================================================
  Medium 480
 ========================================================================== */


@media screen and (max-width:480px)   {
    
    #cms_module_sectionslist_121, #cms_module_sectionslist_121 .uk-navbar-nav{
        width:100%;
    }
    
    .liensFooter li{
        width: 100%;
        text-align: center;
    }
    
    .logosSoc ul.reseau_footer{
        text-align:center;
    }
    
    #cms_module_htmlcode_134{
        width:100%;
    }
    
    #accessibility{
        bottom:30px;
    }
    
}

/* ========================================================================
  Medium 458
 ========================================================================== */


@media screen and (max-width:458px)   {
    
    div#cms_module_htmlcode_185 {
        margin-top: 40px;
    }
    
    #cms_module_htmlcode_185, #resume_panier, #cms_module_htmlcode_174, #btnMenu, .uk-navbar-nav, .wl-tgl-nav ul>li{
        width:100%!important;
    }
    
    .btConnexion{   
        text-align: center;
        width: 100%;
    }
    
    .SliderArt .bx-viewport{
        height:440px!important;
    }
    
    #resume_panier:before{
        border:none;
    }
    
    #resume_panier{
        text-align: center;
    }
    
    iframe#iframe_resume_panier{
        width:112px;
    }
    
}