@charset "utf-8";
/* CSS Document */
@import url(../ermes-standard/style.css);
@import url(../ermes-standard/modeles.css);
@import url(video-js.css);
@import url(lecteurAudio.css);

/*****************Fonts*****************/
@font-face {
    font-family: 'BrownStdBold';
    src: url('fonts/brownstd-bold.eot');
    src: url('fonts/brownstd-bold.eot') format('embedded-opentype'),
        url('fonts/brownstd-bold.woff2') format('woff2'),
        url('fonts/brownstd-bold.woff') format('woff'),
        url('fonts/brownstd-bold.ttf') format('truetype'),
        url('fonts/brownstd-bold.svg#BrownStdBold') format('svg');
}

/**********************************/

/****integration*/

button.facet-see-more {
    background: #580DAE;
    padding: 6px 0px 6px 6px;
    color: #FFF;
}

button.facet-see-less {
    background: #580DAE;
    padding: 6px 0px 6px 6px;
    color: #FFF;
}



#LecteurLibelle {
    margin-bottom: 5px;
}

h2.AuthenticationRequise {
    color: #580dae;
    font-weight: normal;
}

.mejs-overlay-button {
    display: none;
}


/* pour ne plus avoir le "gros bouton de lecture" sur mobile et sur pc*/
#videojs_Audio.video-js.vjs-default-skin .vjs-big-play-button {
    display: none;
}

/*pour que la barre reste affichée tout le temps (obligé sur mobile )*/
#videojs_RTMP.video-js .vjs-control-bar {
    display: block;
}


/*pour que la barre reste affichée tout le temps (obligé sur mobile )*/
#videojs_Audio.video-js .vjs-control-bar {
    display: block;
}

#videojs_Audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    display: block;
    visibility: visible;
    opacity: 1;
}





body {

    background: #fff url('images/portal_bg.jpg') no-repeat center top;
    color: #5f5b5b
}

body,
h2,
h3,
h4,
h5,
h6,
td,
pre,
.panel-front>.x-panel-header span {}

h1,
h2,
h3,
h4 {
    font-weight: normal
}

h2,
h3,
h4,
h5,
h6,
td,
pre {
    font-family: arial
}

h4 {
    font-weight: normal
}

p {
    font-size: 14px;
    color: #4b494a;
    font-family: arial
}

header {
    background: transparent;

}

header a {
    color: #fff
}

#nav_connexe,
#authentification {}

#nav_connexe {
    padding: 0
}

#authentification {}

#langue-btn,
.site-btn,
#identite_utilisateur {}

#identite_utilisateur {
    color: #1E327D
}

#search-panel {
    padding: 9px 0 32px;
    background: transparent
}

#search-panel .twitter-typeahead,
#search-panel .clean-text-field {
    background: #f2f0f1
}

/*****************Logo*****************/
.navbar-header {
    width: 100%
}

.navbar-inverse {}

.navbar-brand {
    width: 303px;
    height: 107px;
    background: transparent url('images/logo.svg') no-repeat center center;
    margin: 0;
    background-size: contain;
}

.navbar-brand h1 {
    display: none
}

.navbar-brand-after {
    width: 400px;
    height: 167px;
    background: transparent url('images/mediatheque.svg') no-repeat right center;
    background-size: contain;
    float: right
}

/*******Menu principal********/
#menu-panel {
    border: none;
    background: transparent;
    margin-bottom: 16px
}

#share_social {
    z-index: 9999
}

/***************/


.btn-group .dropdown-menu.pull-right {}

#langue-btn a {
    color: #580dae
}

#langue-btn a.active,
.site-btn a.active {
    color: #580dae
}

.connectBox {
    background: #000
}

#scenario-selection {
    font-family: arial;
}

#textfield,
.clean-text-field {
    color: #1F1816;
    font-family: arial
}

.ui-autocomplete-input {
    /*border: none !important;
	border-right: none !important;
	background: none !important*/
}

#main_search_form .btn.clean-text-field {
    border: none !important;
    border-left: none !important
}

#search-panel {
    color: #555555
}

#globalAdvancedSearchLink {
    color: #000;
    background: #fff;
    font-size: 15px;
    padding: 2px 0;
    font-family: arial;
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #c8c8c8;
    color: #FFFFFF;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {}

#globalScenarioMobile {
    background: #4d4d4d
}

#globalScenarioMobile>li>a {
    font-family: arial
}

#globalScenarioMobile>li>a:hover,
#globalScenarioMobile>li>a:focus {
    color: #000
}

#globalScenarioMobile .active,
#globalScenarioMobile .active:hover,
#globalScenarioMobile .active:focus {
    background-color: #00929f;
    color: #fff;
}

.connectBox .form-control {
    background: #fff
}

#search-panel {
    color: #fff;
}

#authentification {}

.tt-suggestion.tt-cursor {
    background: #000
}

.clean-text-field:hover {
    color: #1E327D
}



/******/
#ariane {
    background: transparent;
    display: inline-block;
    padding: 2px 10px;
    color: #000;
    font-size: 14px;
    font-family: arial
}

#ariane a {
    color: #000;
}

#ariane span.texte {}

/*****************Content*****************/
/*********Theme Standard**********/

.panel-front,
.panel-selection {
    background: #f2f0f1;
    padding: 15px 30px;
    border-top: 4px solid #000;
}

.panel-front>.x-panel-header span,
h2 {
    color: #000;
    font-family: 'BrownStdBold';

    font-weight: normal
}

.media-body h3 {
    color: #808080
}

.webframe-ermes-lastcomments a {
    color: #808080
}

.webframe-ermes-lastcomments .webframe-ermes-lastcomments-item-body,
.webframe-ermes-lastcomments small {
    color: #808080
}

.webframe-ermes-lastcomments blockquote {
    border-left: 5px solid #00929f
}

/*********Themes**********/


/***Rouge****/

.rouge .panel-front,
.panel-selection {
    background: #e63719;

}

.rouge panel-front>.x-panel-header span,
.rouge h2 {
    color: #fff
}

.rouge h4,
.rouge a,
.rouge p {
    color: #fff
}

.rouge .thumbnail {
    background: transparent;
    border: none
}

.rouge h1,
.rouge h2,
.rouge h3 {
    color: #fff
}

.rouge .btn-default {
    background: none;
    border: none;
    text-decoration: underline;
    font-size: 18px;
    padding: 0
}

.rouge .btn-default:hover {
    background: none;
    border: none;
    text-decoration: none
}

/***blue****/
.blue .panel-front,
.panel-selection {
    background: #5f9bd7
}

.blue panel-front>.x-panel-header span,
.blue h2 {
    color: #fff
}

.blue .bs-bullets .rsNavSelected button {
    background: #0099a8
}

.blue a {
    color: #fff
}

.blue .webframe-ermes-lastcomments .webframe-ermes-lastcomments-item-body,
.blue .webframe-ermes-lastcomments small {
    color: #fff
}

/***Jaune****/
.jaune {}

.jaune .panel-front,
.panel-selection {
    background: #fff;
    padding: 0;
}

.jaune .panel-heading {
    display: none
}

.jaune p {
    margin: 0
}

.jaune .nav.nav-tabs {
    margin: 0
}

.jaune .panel-body {
    padding: 0 !important
}

.modele_onglet_x4 h3 {
    color: #00929f
}

.nav-tabs>li {
    background-color: #000;

}

.nav-tabs>li>a {
    color: #fff
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background-color: #00929f;
    border-color: #00929f;
    border-radius: 0;
    color: #fff
}

/***************/

.carousel .webframe-ermes-carousel {
    background: #5f9bd7;
    font-family: arial
}

.carousel .webframe-ermes-carousel h2,
.carousel_3 h3 {
    color: #5f5b5b
}

.carousel .webframe-ermes-carousel .panel-heading {
    display: none
}

.carousel .carousel_3 h3 {
    font-size: 16px;
    font-weight: bold;
}

.carousel .carousel_3 p {
    color: #5f5b5b;
    font-size: 13px
}

.carousel .webframe-ermes-carousel .panel-body {
    padding: 0 !important
}

.carousel .bs-bullets .rsNavSelected button {
    background: #00929f;
    border-color: #00929f;
    border-radius: 12px
}

.carousel .bs-bullets button,
.carousel .bs-bullets button:focus,
.carousel .bs-bullets button:active,
.carousel .bs-bullets button:hover {
    background: #000;
    border-color: #000;
    border-radius: 12px
}

.carousel_3 {
    display: inline-block
}

.carousel_3 .slider_container {
    background: transparent url('images/tr_bg.png') repeat left top;
}

.slider_thumb img {
    max-width: 717px
}

.carousel_3 .slider_container {
    width: 30%;
    padding: 0 22px 10px 10px
}

.slider_thumb {
    width: 70%;
    float: right
}

/*****************Button*****************/
/*********Account***********/

/*********Validation***********/
.btn-validation {
    background-color: #1f1916;
    border-color: #1f1916;
    color: #fff;
}

.btn-validation:hover,
.btn-validation:focus,
.btn-validation:active,
.btn-validation.active,
.open .dropdown-toggle.btn-validation {
    color: #1f1916
}

/*********Validation***********/
.connectBox .btn-validation {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.connectBox .btn-validation:hover,
.connectBox .btn-validation:focus,
.connectBox .btn-validation:active,
.connectBox .btn-validation.active,
.connectBox .open .dropdown-toggle.btn-validation {
    background: #00929F;
    border-color: #00929F;
    color: #fff
}

/*********Default***********/
.btn-default {
    background-color: #000;
    border-color: #000;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
}



.all-link-connexe .btn-default {
    background-color: #580dae;
    border-color: #580dae;
}

.all-link-connexe .btn-default:hover,
.all-link-connexe .btn-default:focus,
.all-link-connexe .btn-default:active,
.all-link-connexe .btn-default.active,
.all-link-connexe .open .dropdown-toggle.btn-default {
    background-color: #7531cd;
    border-color: #7531cd;
}

/*********Action***********/
.btn-action {
    background-color: #580DAE;
    border-color: #580DAE;
    color: #fff;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: #7624c8;
    border-color: #7624c8;
    color: #fff;
}

/*********Info***********/
.btn-info {
    background-color: #00929f;
    border-color: #00929f;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #4aabba;
    border-color: #4aabba;
    color: #fff;
}

/*********Basket***********/
.btn-basket {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.btn-basket:hover,
.btn-basket:focus,
.btn-basket:active,
.btn-basket.active,
.btn-basket.disabled,
.btn-basket[disabled] {
    background-color: #252324;
    border-color: #252324;
    color: #fff;
}

.memoriser .dropdown-toggle {
    border-top: 1px solid #5c5d5c
}

/*************/
.myaccount-activity .activity-feed ul li.PlaceReservation .action,
.myaccount-activity .activity-feed ul li.RenewLoan .action,
.myaccount-activity .activity-feed ul li.PlaceProvision .action,
.myaccount-activity .activity-feed ul li.SubscribeToEvent .action {
    color: #0099a8
}

.badge,
#criteres_recherche p,
#description_resultats,
.taille_page,
.myaccount-activity .myaccount-welcome .user-name a,
.myaccount-profile .account-label {
    color: #0099a8
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background-color: #580dae;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-bottom: 5px solid #00929f;
    color: #00929f;
}

.myaccount-rights ul li.reader-right {
    background-color: #5f9bd7;
}

.criteres_tri .site-restriction label.label-tri {
    color: #fff
}

h2.category_header {
    color: #580dae;
    font-weight: normal
}

#multi_selection_simple .bouton_detail,
#multi_selection .bouton_detail {
    color: #580dae;
}

.search-icon-container.mobile>.btn-group,
.search-icon-container.mobile .btn {
    background: #00929f
}

.search-icon-container.mobile .btn.precedent,
.search-icon-container.mobile .btn.suivant {
    background: #00929f
}

.search-icon-container.mobile {
    background: transparent
}

.content_ina .text_selection p {
    font-size: 14px
}

.template-title {
    font-weight: bold;
    font-size: 16px;
    color: #5f5b5b
}

.selection-description {
    display: none
}

div.webframe-ermes-lastviewedresources-item,
div.webframe-ermes-openfindselection-item {
    background: #fff
}

.template-resume {
    font-size: 13px;
    line-height: 18px;
    color: #808080
}

p.template-info {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;


}

#dropChangeCulture .caret {
    border-top: 4px solid #fff
}

.criteres_tri .site-restriction {
    background: #8E8888
}

.myaccount-tags .myaccount-tagcloud {
    background-color: #580dae
}

.myaccount-contributions-summary h3 {
    color: #1e327d
}

.x-panel-header-text-default {
    line-height: 24px
}

.myaccount-activity h3 {
    color: #000
}

/****************/
.site-btn {
    text-align: center;
    background: none;
    display: none !important;
    font-size: 16px;
    color: #000
}

ul.pipe-separators li {
    display: inline
}

.pipe-separators {
    display: inline-block
}

.site-btn a {
    font-size: 18px;
    color: #580dae
}

.site-btn a.active {
    color: #580dae
}

.site-btn a:hover {
    color: #580dae;

}

#options_resultat .panel-front.panel-search-container {
    background: #00929F
}

#options_resultat .panel-heading>h2 {
    color: #fff
}

#options_resultat h3.panel-title,
#facet_container a {
    color: #fff;
    font-family: arial;
}

.badge,
#criteres_recherche p,
#description_resultats,
.taille_page,
.myaccount-activity .myaccount-welcome .user-name a,
.myaccount-profile .account-label {
    color: #00929f
}

#options_resultat .nav>li>a:hover,
#options_resultat .nav>li>a:focus {
    background: #580dae
}

#options_resultat .nav-pills>li>a>.badge {
    color: #fff;
    font-weight: bold
}

#criteres_recherche p,
#description_resultats,
.taille_page {
    font-size: 18px
}

.searchContainer p {
    font-size: 17px
}

.searchContainer p #vauth {
    font-size: 14px
}

.searchContainer p #vauthAudio {
    font-size: 14px
}

.content_ina .text_selection h4 a {
    font-size: 18px;
    font-weight: normal
}

.panel-title {
    font-size: 18px;
}

.nav-tabs>li {
    background: #00929F
}

.rsContainer .rsSlide {
    visibility: initial !important
}

.facetList.nav-pills>li>a {
    padding: 2px 10px;
}

.btn-group.pageSize-container button {
    color: #00929f
}

.vignette_document .icon-new {
    background-color: #A26CD6;
    -moz-box-shadow: -3px -3px 0 #580DAE;
    -webkit-box-shadow: -3px -3px 0 #580DAE;
    box-shadow: -3px -3px 0 #580DAE;
    font-size: 20px;
}

#detail-holdings [class|="detail-holds"] thead th,
.detail-subscriptions thead th,
#detail-holdings [class|="detail-holds"] thead td,
.detail-subscriptions thead td {
    background-color: #A26CD6;
}

h3.category_header {
    background-color: #580DAE
}

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

footer {
    background: #3faead
}

#footer_rich4 h2 {
    color: #043882
}

#footer_rich4 a {
    font-family: 'GaramondRegular';
    font-size: 18px
}

#footer_rich4 #brand_footer {
    width: 316px;
    height: 49px;
    background: url(images/footer_aux.png) no-repeat center center;
    float: right
}

#footer_rich4 #brand_footer a {
    width: 316px;
    height: 49px;
}

.fluid_block {
    background: url(images/footer_logo.png) no-repeat left top;
    display: inline-block;
    width: 100%;
    padding: 0 0 0 150px;
}

#footer_connexes {
    text-align: center;
    margin: 0 0 20px 0
}

#footer_connexes li {
    display: inline;
}

#footer_connexes li.pipe {
    padding: 0 4px
}

/******************Responsive devices*******************/

/* Full HD · width: 1920px */
@media (min-width: 1920px) {}

/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */


@media (min-width: 1024px) {}

@media (max-width: 1024px) {}

@media (max-width: 800px) {}

@media (min-width: 769px) {
    #search-panel {
        margin: -56px 0 0 0
    }
}

/* iPad portrait  width: 768px */
@media (min-width: 768px) {
    header {
        border-top: none
    }

    #ermes_main_menu li.LEVEL1 {
        border: none;
        background: none;
        width: auto;
        margin: 0;
        text-align: center
    }

    #ermes_main_menu li.LEVEL1>a {
        font-size: 18px;
        padding: 14px 20px;
        color: #000;
        font-family: Arial;
        font-weight: bold
    }

    #ermes_main_menu .dropdown-menu {
        background: #00929f;
        border: none
    }

    #ermes_main_menu .dropdown-menu>li>a {
        color: #fff;

    }


    #ermes_main_menu .dropdown-menu.LEVEL1 a:hover {
        background: #3ca8b6
    }

    .navbar>.container .navbar-brand {
        margin: -20px 0 0 0
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus,
    #ermes_main_menu li.LEVEL1 a:hover {
        background-color: #00929f;
        color: #fff
    }

    #resultsContainer {
        margin-top: 5px
    }

    #menu-panel {
        border-top: 11px solid #000;

    }

    #ermes_main_menu {

        margin: 16px 0 0 0;
    }

    #ermes_main_menu li.LEVEL1 .caret {
        border-bottom-color: #000;
        border-top-color: #000;
    }

    #ermes_main_menu li.LEVEL1 a:hover .caret {
        border-bottom-color: #fff;
        border-top-color: #fff
    }

    .connectBox {
        padding-bottom: 5px;
        padding-top: 8px;
    }

    .btn-account {
        padding: 11px 14px
    }

    #search-panel .panel-body {
        padding: 0;
        z-index: 2
    }

    .btn-account {
        background-color: #000;
        border-color: #000;
    }

    .btn-account:hover,
    .btn-account:focus,
    .btn-account:active,
    .btn-account.active,
    .open .dropdown-toggle.btn-account {
        background-color: #000;
        border-color: #000;
    }

    /*Rich MENU*/
    #nav-rich-menu {

        margin: 15px 0 -4px 0;
        z-index: 5
    }

    #nav-rich-menu li {
        background: #000
    }

    #nav-rich-menu li a {
        font-size: 18px;
        padding: 14px 20px;
        font-family: Arial;
        font-weight: bold
    }

    #nav-rich-menu .dropdown {
        background: #00929F
    }

    #nav-rich-menu li:hover a {
        background: #00929F;
    }

    #nav-rich-menu a:hover {
        background: #00929F;
        text-decoration: none;
    }

    #nav-rich-menu li .dropdown_container a {
        background: #00a6b5;

    }

    #nav-rich-menu .dropdown_container a:hover {
        background: #00bbcc;
    }


    #search-panel .panel-body {
        z-index: 10
    }
}

@media (max-width: 768px) {

    body {
        background: #fff
    }

    .navbar-brand {
        width: 170px;
        height: 81px;
        
        margin: 0
    }

    .navbar-brand-after {
        width: 340px;
        height: 88px;
        
        float: right
    }

    .panel-front.panel-search-container {
        border: none
    }

}

/* iPhone 6 Plump landscape · width: 736px */
@media (max-width: 736px) {
    #search-panel {
        padding: 9px 0 0
    }

}

/* Kindle portrait · width: 600px */
/* Android (Nexus 4) landscape · width: 600px */

@media (max-width: 600px) {}

/* iPhone 5 Retina regardless of IOS version */
/* iPhone 5 landscape · width: 568px */

@media (max-width: 568px) {}

/*iPhone 3+4 landscape · width: 480px*/

@media (max-width: 480px) {}

/*iPhone 6 Plump portrait · width: 414px*/
@media (max-width: 414px) {
    .navbar-header {
        margin: 20px  0;
    }

    .navbar-brand {
        width: 140px;
        
        margin: 0
    }

    .navbar-brand-after {
        width: 220px;
        height: 67px;
        float: right
    }
}

/*Android (Nexus 4) portrait · width: 384px*/


@media (max-width: 384px) {}

/*Crappy Android landscape · width: 320px*/
/*iPhone 5 portrait · width: 320px*/
/*iPhone 3+4 portrait · width: 320px*/

@media (max-width: 320px) {
    .navbar-brand {
        display: none
    }
}

/*Crappy Android portrait · width: 240px*/

@media (max-width: 240px) {}

/*******************CSS pop-up autorité by taha****************/
.popover-title {
    display: none !important;
}

a.hold-popover {
    background: url("images/tri-desc.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    margin: 0;
    padding: 2px 2px 2px 20px;
}

a.rebond-author {
    cursor: pointer;
}

#toolbarViewerRight #print {
    display: none !important;
}

.glyphicon-eye-open:before {
    padding: 0 5px;
    margin-left: 4px;
    background: #c30140;
    font-weight: bold;
    border-radius: 4px;
    color: #fff;
    font-family: VAGRoundedStd-Light;
    cursor: pointer;
    content: "!";
}

h3.title.template-title {
    margin: 1px 0 5px;
}

/*******************END CSS pop-up autorité by taha****************/
h2.AuthenticationRequise {
    color: #580dae;
    font-weight: normal;
    font-size: 19px;
}

div.jGrowl.top-right {
    left: 40% !important;
    top: 10% !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: #580dae;
    font-size: 15px !important;
}

.justified li {
    text-align: justify;
}

/* Mire d'authentification */
#logon-container.panel-front {
    background-color: transparent;
    border-top: none;
}


#logon-container .row {
    background: url(/https/mediatheque.cnsmd-lyon.fr/ui/skins/cnsl/ermes-front/images/general/banniere-logon.png) no-repeat 0 110px;
}

#logon-container h1 {
    background: none;
    font-size: 40px;
    font-weight: bold;
    text-transform: none;
    padding-top: 170px;
    padding-left: 0px;
    text-align: center;
}

#logon-container .form-group:first-child {
    content: "Connectez-vous avec identifiant et votre mot de passe de la médiathèque afin d'accéder aux ressources électroniques";
    font-size: 16px;
    font-weight: bold;
}

#logon-container h1 span {
    text-transform: none;
    font-family: 'BrownStdBold';
    color: #000;
}

#logon-container #logon-form {
    margin-top: 25px;
    padding: 10px 80px 20px 80px;
    background-color: #F2F0F1;
}

#logon-container #logon-form label span {
    font-weight: bold;
}

#logon-container #logon-additionalmessage h3 {
    color: #000;
    font-weight: bold;
    text-align: center;
}

#logon-container #logon-additionalmessage-bottom h3 {
    margin-top: 10px;
    color: #000;
    font-weight: normal;
    text-align: center;
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
}