/* +--------------------------------------------------------------------------+
// 2013 PMB Services / www.sigb.net pmb@sigb.net et contributeurs (voir www.sigb.net)
// +-------------------------------------------------+
// $Id: button.css,v 1.6.4.6 2017-02-14 10:23:04 wlair Exp $ */
/*------------------------------------------------------------------------------------------*/
@charset "utf-8";/**/

.uk-button,
.ui-button,
.form_liste_lecture>.row>input {
    color:#fff;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:14px;
    text-transform:uppercase;
    border-radius: 4px;
}
.form_liste_lecture>.row>input {
    color:#fff!important;
}
.uk-button:not(:disabled) {
}

.uk-button:focus,.uk-button:hover {

}

.uk-button.uk-active,.uk-button:active {

}
/* ========================================================================
   Component: input bouton par defaut
 ==========================================================================  */

#resultatrech_liste>span>a,
#resultatrech_liste>span.short_url_permalink>a,
#perio_a2z ul.onglets_isbd_public div li>a,
.links_for_serials a,
.noticesEtagere>a,
div[id="navigator"] a,
.bouton_small,
.mdp_forgotten{
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #f0a934;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1em;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(0,0,0,.05);
    font-weight: 400;
    text-transform: uppercase;
}
#resultatrech_liste>span>a:hover,
#resultatrech_liste>span>a:focus,
#perio_a2z ul.onglets_isbd_public div li>a:hover,
#perio_a2z ul.onglets_isbd_public div li>a:focus,
.links_for_serials a:hover,
.links_for_serials a:focus,
.noticesEtagere>a:focus,
.noticesEtagere>a:hover,
div[id="navigator"] a:focus,
div[id="navigator"] a:hover{
  background-color: #373737;
  color: #fff;
  /* 2 */
  outline: none;
  /* 3 */
  text-decoration: none;
  -ms-transition: background-color .3s ease 0s;
  -webkit-transition-property: background-color .3s ease 0s;
  transition: background-color .3s ease 0s;   
}
#resultatrech_liste>span>a[href*="All"],
#resultatrech_liste .triSelector a,
#resultatrech_liste a[href="#"][onclick*="openPopUp"]{
  padding:0 3px;
  background:transparent;
}
#resultatrech_liste>span.short_url_permalink>a,
#resultatrech_liste>span>a{
    margin-left:7px;
    margin-bottom:7px;
}

/* ========================================================================
   form 1 bouton
 ==========================================================================  */
.searchbox input[value="Aide"].bouton,
#search .boutonrechercher,
#search input[type="submit"],
#search input[value="Aide"],
#account #login_form input.bouton,
.search_advanced_link a,
.search_other_link a,
.boutonrechercher,
.Tglsearch.uk-button{
    background-color: #f0a934;
    color: #ffffff;
    font-style: normal;
    border: solid 0px rgba(0, 0, 0, 0.12);
    padding: 7px 8px;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    display: inline-block;
    line-height: 1;
    font-size: 1em;
    height: 30px;
    border-radius: 0;
    font-weight: 400;
}

.searchbox input[type="submit"]:hover,
#search .boutonrechercher:hover,
#search input[type="submit"]:hover,
#search input[value="Aide"]:hover,
#account #login_form input.bouton:hover,
.search_advanced_link a:hover,
.search_other_link a:hover,
.boutonrechercher:hover,
.Tglsearch.uk-button:hover,
.bouton_small:hover,
#resultatrech_liste>span>a:hover{
    background-color:#ffb947;
    color: #ffffff;
    text-shadow: 0 0 0 #fff;
    text-decoration:none;
}
.searchbox input[type="submit"]:active,
input[type="button"].bouton:active,
#search .boutonrechercher:active,
.bouton:active,
#search input[type="submit"]:active,
#search input[value="Aide"]:active,
#account #login_form input.bouton:active,
.search_advanced_link a:active,
.search_other_link a:active,
.boutonrechercher:active,
.Tglsearch.uk-button:active,
.bouton_small:active,
#resultatrech_liste>span>a:active {
    background-color:#de9a2a;
    color: #ffffff;
    text-shadow: 0 0 0 #fff;
}
.searchbox input[type="submit"]:focus
#search .boutonrechercher:focus,
#search input[type="submit"]:focus,
#search input[value="Aide"]:focus,
#account #login_form input.bouton:focus,
.search_advanced_link a:focus,
.search_other_link a:focus,
.boutonrechercher:focus,
.Tglsearch.uk-button:focus,
.bouton_small:focus,
#resultatrech_liste>span>a:focus    {
    background-color: #de9a2a;
    color: #ffffff;
    text-shadow: 0 0 0 #fff;
}
#account #login_form input.bouton {
    font-size: 1em;
}

/* ========================================================================
   type bouton 2
 ==========================================================================  */

#search input.bouton,
.mdp_forgotten,
.empr_subtabs>li a,
input[type="submit"].bouton,
input[type="button"].bouton,
#empr_logout_lnk{
  -webkit-appearance: none;
  margin: 0;
  overflow: visible;
  font: inherit;
  text-transform: none;
  display: inline-block;
  padding: 0 12px;
  vertical-align: middle;
  line-height: 28px;
  min-height: 30px;
  min-width: 30px;
  font-size: 1.25rem;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  background: #fff;
  color: #595959;
  border: 1px solid #595959;
  border-top-color: rgb(126, 126, 126);
  background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
  background-image: linear-gradient(to bottom, #fff, #f9f9f9);
  font-weight: 500;
  text-shadow: 0 1px 0 #fff;
}
#search input.bouton{

}
#search input.bouton:focus,
#search input.bouton:hover,
.mdp_forgotten:focus,
.mdp_forgotten:hover,
.empr_subtabs>li:focus a,
.empr_subtabs>li:hover a,
input[type="button"].bouton:hover,
input[type="button"].bouton:active,
input[type="submit"].bouton:hover,
input[type="submit"].bouton:actives {
  background-color: #fafafa;
  color: #444;
  outline: none;
  text-decoration: none;
  border-color: #999;    
}
/* ===============
   Bouton formulaire
 ================= */

#make_sugg input[type="button"]:hover,
#resultatrech_see>input[type="button"]:hover,
#form_search_bull input[type="button"]:hover,
#cart_action input[type="button"]:hover,
#subs_form input[type="button"]:hover,
#history_action input[type="button"]:hover,
#frame_notice_preview input[type="button"]:hover,
#frame_notice_preview input[type="submit"]:hover,
.popup_connexion_empr input[type="submit"]:hover,
#print_options input[type="submit"]:hover,
#print_options input[type="button"]:hover,
#aut_details_liste>input:first-child:hover,
form[name="bannette_abonn"] input[value="Enregistrer"]:hover,
.bouton:focus,
input[type="button"].bouton:focus,
#connexion input[name="ok"]:hover,
.mdp_forgotten:hover,
#facette_wrapper input[type="button"]:hover,
#empr_logout_lnk:hover {
    background-image: -webkit-linear-gradient(top, #fff, #e0e0e0);
    background-image: linear-gradient(to bottom, #fff, #e0e0e0);
    color: #6a6a6a;
    /* text-shadow: 0px 0px 0px; */
    text-decoration:none;
    color: #373737;
}
.mediaBib iframe {
    background-color: #F5F5F5;
    padding: 2px;
    border: solid 1px #E1E1E1;
}
.form_liste_lecture div input[type="button"]:hover,
.form_liste_lecture div input[type="submit"]:hover{
    
}
/* 
   type bouton 2 alternat
 =================================================  */
.empr_subtabs>li a{
  font-size: 1.3rem; 
  font-weight:500;
}
.empr_subtabs>li:focus a,
.empr_subtabs>li:hover a{
  background-color: #f2f2f2;
  color: #373737;
  outline: none;
  text-decoration: none;
  border-color: #999;
  opacity:1;
}

li.subTabCurrent a{
  background-color: #EAEAEA;
  border-color: #373737;
  color: #373737;
  text-shadow:none;
}
/* ========================================================================
   Couleur 1 bouton
 ==========================================================================  */
.uk-button-primary,
.noticesEtagere>a {
    background: #e63120;
}

.uk-button-primary:focus,
.uk-button-primary:hover,
.noticesEtagere>a:focus,
.noticesEtagere>a:hover {
    background:#f03e2d;
    color:#fff;
    text-decoration:none;
    text-shadow: none;
}

.uk-button-primary.uk-active,
.uk-button-primary:active,
.noticesEtagere>a:active {
    background:#db2312;
    color:#fff;
    text-decoration:none;   
    text-shadow: none;     
}
/* ========================================================================
   Couleur 2 bouton
 =========================================================================  */
.ui-button-secondary {
    background:#795c96;
    color:#f5f5f5;
    
}

.ui-button-secondary:focus,
.ui-button-secondary:hover {
    background:#8561aa;
    color:#fff;    
}

.ui-button-secondary.uk-active {
    background:#6a4e87;
    
}
.uk-button:focus, .uk-button:hover{
    
}
/* ========================================================================
   image dans bouton
 ==========================================================================  */
.uk-button img,
.ui-button img{  
  height: 11px;  
  vertical-align: baseline;
}

/* ========================================================================
   multi crit btn
 ==========================================================================  */
.form-contenu input[id^="delet"],
input.vider,
.form-contenu input[value="..."],
.form-contenu input[value="+"],
input[value="X"]{
  font-size:0!important;
  background-size: 16px;
  padding: 0!important;
}
.form-contenu input[id^="delet"],
input.vider,
input[value="X"]{
  background:url("./images/close.svg") #fff no-repeat 50% 50%!important;
}
input.vider{
  background:url("./images/eraser-light.svg") #fff no-repeat 50% 50%!important;
}
.form-contenu input[value="..."]{
  background:url("./images/more.svg") #fff no-repeat 50% 50%!important;
}
.form-contenu input[value="+"]{
  background:url("./images/plus.svg") #fff no-repeat 50% 50%!important;
}