/* FONTS */
@font-face {
    font-family: "Titillium";
    src: url("ressources/font/titillium-regular-webfont.eot?#iefix") format('embedded-opentype'),url("ressources/font/titillium-regular-webfont.woff") format("woff"),url("ressources/font/titillium-regular-webfont.ttf") format("truetype"),url("ressources/font/titillium-regular-webfont.svg#Titillium") format("svg");
}

@font-face {
    font-family: "Titillium";
    font-weight: bold;
    src: url("ressources/font/titillium-semibold-webfont.eot?#iefix") format('embedded-opentype'),url("ressources/font/titillium-semibold-webfont.woff") format("woff"),url("ressources/font/titillium-semibold-webfont.ttf") format("truetype"),url("ressources/font/titillium-semibold-webfont.svg#Titillium") format("svg");
}

@font-face {
    font-family: "Alegre Sans NC";
    src: url("ressources/font/Al__gre_Sans_Regular_NC.eot?#iefix") format('embedded-opentype'),url("ressources/font/Al__gre_Sans_Regular_NC.woff") format("woff"),url("ressources/font/Al__gre_Sans_Regular_NC.ttf") format("truetype"),url("ressources/font/Al__gre_Sans_Regular_NC.svg#AlgreSansNC") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ermes-font-update';
    src: url('ressources/font/ermes-font-update.eot?26901125');
    src: url('ressources/font/ermes-font-update.eot?26901125#iefix') format('embedded-opentype'), url('ressources/font/ermes-font-update.woff?26901125') format('woff'), url('ressources/font/ermes-font-update.ttf?26901125') format('truetype'), url('ressources/font/ermes-font-update.svg?26901125#ermes-font-update') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Override pour ReadSpeaker */
#tooltip-readspeaker {
    background: #1d1d1d;
    color: #fff;
    padding: 7px;
    border-radius: 5px;
    position: absolute;
    min-width: 50px;
    width: 300px;
    display: none;
    z-index: 101;
}

    #tooltip-readspeaker::before {
        content: '';
        height: 3px;
        width: 0;
        border: 7px solid transparent;
        border-bottom-color: #1d1d1d;
        position: absolute;
        top: -16px;
        left: 30px;
        z-index: 101;
    }

    #tooltip-readspeaker > a {
        color: #428bca;
        cursor: pointer;
    }

#readspeaker_button {
    max-width: 320px;
}

span.breadcrumb-search-list span:hover, span.breadcrumb-search-list span:focus {
    color: #464646;
    text-decoration: underline;
    cursor: pointer;
}

span.breadcrumb-search-list span {
    color: #5F5B5B;
    text-decoration: none;
}
/*Pop-up subscriber expiration message style*/
.notification-danger h4 {
    color: #b94a48;
}

.notification-danger .modal-body {
    color: #b94a48;
    font-size: 15px;
}

/* Override pour le partage d'encart */
#share_social_frame li {
    float: left;
}

#share_social_frame {
    list-style-type: none; /* Car sinon les puces se placent n'importe où */
    display: inline;
    padding: 0 0.5em; /* Pour espacer les boutons entre eux */
}

body {
    background-color: #E6E4E5;
}

/* Surchage du x-body d'extJS */
.x-body {
    font-size: 14px;
    font-family: Titillium;
}

body, td, pre {
    font-size: 14px;
}

body, h2, h3, h4, h5, h6, td, pre, .panel-front > .x-panel-header span {
    font-family: Titillium;
}

h1 {
    font-size: 75px;
    font-family: "Alegre Sans NC";
    text-transform: uppercase;
}

@media (max-width: 767px) {
    h1 {
        font-size: 48px;
    }
}

@media (max-width: 479px) {
    h1 {
        font-size: 28px;
    }
}

.panel-front > .x-panel-header span, h2 {
    color: #e6727b;
    font-size: 24px;
    font-weight: bold;
}

h3 {
    color: #808080;
    font-size: 21px;
    font-weight: bold;
}

h4 {
    color: #808080;
    font-size: 18px;
    font-weight: bold;
}

p {
    color: #808080;
    font-size: 14px;
}

a {
    color: #5F5B5B;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #464646;
    }

header {
    background-color: #e6727b;
}

@media (min-width: 768px) {
    header {
        border-top: 10px solid #ad565e;
        margin-bottom: 0;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .navbar-compact .navbar-container,
    .navbar-compact .compact-account {
        display: none;
    }
}

.navbar {
    z-index: 1;
}

.navbar-inverse .navbar-toggle {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0);
}

.navbar-toggle .icon-bar {
    height: 4px;
    width: 25px;
}

.container-header {
    position: relative;
}

.navbar-inverse {
    background-color: transparent;
    border-radius: 0px;
    border-width: 0;
    margin-bottom: 0px;
}

    .navbar-inverse .navbar-brand {
        color: #F2F0F1;
        padding: 10px 15px;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-brand {
        padding: 10px 5px;
    }
}

/* BUTTONS */
.btn {
    border-radius: 0px;
}

.btn-confirm-bootbox {
    margin-right: 5px;
}

.btn-default {
    background-color: #ad565e;
    border-color: #ad565e;
    color: #F2F0F1;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #9A3D45;
        border-color: #9A3D45;
        color: #F2F0F1;
    }

.btn-primary {
    background-color: #BEB6B4;
    border-color: #BEB6B4;
    color: #F2F0F1;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #B4ADAC;
        border-color: #9F9B9A;
        color: #F2F0F1;
    }

.btn-info {
    background-color: #72c0e8;
    border-color: #72c0e8;
    color: #F2F0F1;
}

.btn.tarzan {
    margin: 2px;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #6BB3DA;
    border-color: #599CC0;
    color: #F2F0F1;
}

.btn-validation {
    background-color: #F2F0F1;
    border-color: #F2F0F1;
    color: #ad565e;
}

    .btn-validation:hover,
    .btn-validation:focus,
    .btn-validation:active,
    .btn-validation.active,
    .open .dropdown-toggle.btn-validation {
        background-color: #EEECED;
        border-color: #E6E4E5;
        color: #ad565e;
    }

.btn-basket {
    background-color: #e6727b;
    border-color: #e6727b;
    color: #F2F0F1;
}

    .btn-basket:hover,
    .btn-basket:focus,
    .btn-basket:active,
    .btn-basket.active,
    .btn-basket.disabled,
    .btn-basket[disabled] {
        background-color: #DA6A73;
        border-color: #b04f5b;
        color: #F2F0F1;
    }

a.block-link {
    display: block;
}

input.default-cursor {
    cursor: default !important;
}

.btn-action {
    background-color: #6BB3A5;
    border-color: #6BB3A5;
    color: #F2F0F1;
}

    .btn-action:hover,
    .btn-action:focus,
    .btn-action:active,
    .btn-action.active,
    .btn-action.disabled,
    .btn-action[disabled] {
        background-color: #67AC9E;
        border-color: #5E9C90;
        color: #F2F0F1;
    }

.btn-dark {
    background-color: #8E8888;
    border-color: #8E8888;
    color: #F2F0F1;
}

    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active,
    .btn-dark.active,
    .btn-dark.disabled,
    .btn-dark[disabled] {
        background-color: #808080;
        border-color: #767476;
        color: #F2F0F1;
    }

.btn-group.open .dropdown-toggle, .btn:active, .btn.active {
    box-shadow: none;
}

.btn-default .caret, .btn-account .caret, .btn-basket .caret {
    border-top-color: #F2F0F1;
}

.search-icon-container .btn-primary {
    background-color: #428BCA;
    border-color: #357EBD;
}

@media (max-width:979px) {
    .search-icon-container i, .search-icon-container .btn-dark > i:hover, .search-icon-container .btn-primary > i:hover {
        color: #FFF;
    }
}

/* HEADER */
.navbar-nav {
    margin: 0;
}

#nav_connexe {
    padding: 0 0 10px;
}

#identite_utilisateur {
    color: #F2F0F1;
    font-size: 16px;
    font-style: normal;
}

#langue-btn {
    bottom: 0;
    position: absolute;
    right: 0;
}

@media (max-width: 767px) {
    #langue-btn {
        bottom: -15px;
        padding-right: 5px;
    }
}

#langue-btn, .site-btn {
    color: #5F5B5B;
    text-transform: uppercase;
}

    #langue-btn a, .site-btn a {
        margin: 0 5px;
        text-decoration: none;
    }

        #langue-btn a.active, .site-btn a.active {
            color: #F2F0F1;
            cursor: default;
            text-decoration: none;
        }

@media (min-width: 768px) {
    .button-my-account {
        margin-left: 5px;
        margin-top: 0;
        z-index: 30;
    }

    .navbar-compact .button-my-account {
        float: right;
    }

    .navbar-compact #menu-panel .navbar-collapse {
        float: right;
    }
}

.btn-account,
.btn-account:hover,
.btn-account:focus,
.btn-account:active,
.btn-account.active,
.open .dropdown-toggle.btn-account {
    color: #F2F0F1;
}

#mobile-actions .btn-account,
#mobile-actions .btn-account:hover,
#mobile-actions .btn-account:focus,
#mobile-actions .btn-account:active,
#mobile-actions .btn-account.active,
#mobile-actions .open .dropdown-toggle.btn-account {
    color: #333333;
}

@media (min-width: 768px) {
    .btn-account {
        background-color: #ad565e;
        padding-top: 4px;
        text-transform: uppercase;
    }
}

.btn-account .glyphicon-user {
    font-size: 20px;
}

.connectBox {
    background-color: #ad565e;
    display: none;
}

    .connectBox label {
        font-weight: normal;
    }

    .connectBox .form-control {
        background-color: #F2F0F1;
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        color: #5f5b5b;
        font-size: 16px;
    }

        .connectBox .form-control:focus {
            border: 0;
            box-shadow: none;
        }

@media (min-width: 768px) {
    .connectBox {
        padding-bottom: 10px;
        padding-top: 10px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 25;
    }
}

@media (max-width: 767px) {
    #authentification {
        padding-top: 15px;
    }
}

@media (min-width: 768px) {
    #authentification .form-group {
        color: #F2F0F1;
        font-size: 16px;
        margin-right: 10px;
    }
}

.errorAuth {
    margin: 3px 0 0 0;
    color: #F2F0F1;
}

@media (min-width: 768px) {
    .register_user_link, .register_user_link:hover {
        color: #F2F0F1;
    }
}

.header-compact #search-panel {
    clear: both;
}

#search-panel {
    background-color: #e6727b;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #F2F0F1;
    margin: 0;
    padding: 0 0 15px;
}

@media (max-width: 767px) {
    #search-panel {
        padding: 0 0 25px;
    }
}

#search-panel > .container {
    position: relative;
}

#search-panel > .panel-body {
    background-color: transparent;
}

.dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    display: none;
    transition: all 2s;
}

.open > .dropdown-menu {
    opacity: 1;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #6bb3a5;
    color: #FFFFFF;
}

#globalScenarioMobile {
    background-color: #6bb3a5;
    border: 0;
    margin-top: 0;
}

    #globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
        background-color: #6bb3a5;
        color: #F2F0F1;
    }

    #globalScenarioMobile > li > a {
        color: #F2F0F1;
    }

        #globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
            background-color: #F2F0F1;
            color: #6bb3a5;
        }

#scenario-selection, #submit-search {
    height: 50px;
    line-height: 47px;
    padding: 0 12px;
}

#scenario-selection {
    height: inherit;
    font-size: 20px;
    text-transform: uppercase;
}

    #scenario-selection .caret {
        border-width: 6px 6px 0;
    }

#scenario-selected-label {
    margin-right: 5px;
}

#submit-search {
    font-size: 26px;
}

.form-control, .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#textfield, .tt-hint {
    font-size: 16px;
}

#textfield, .clean-text-field {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    color: #6bb3a5;
    height: 50px;
}

.clean-text-field {
    font-size: 18px;
}

    .clean-text-field:hover {
        color: #6bb3a5;
    }

.input-group-btn > .btn:hover {
    z-index: 0;
}

#globalAdvancedSearchLink {
    font-size: 15px;
    margin-top: 4px;
    text-decoration: none;
    text-transform: lowercase;
}

/* ADMIN BOX */
#admin-actions, #mobile-actions {
    background-color: #2C2C2C;
    padding: 0;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    z-index: 9998;
}


    #admin-actions a {
        color: #F2F0F1;
    }

/* MENU */
#menu-panel {
    background-color: #E6E4E5;
    border-bottom: none;
    border-left: none;
    border-radius: 0;
    border-right: none;
    border-top: 15px solid #d1cfd0;
    box-shadow: none;
    margin-bottom: 20px;
}

/* menu affichage compact */
.navbar-compact #menu-panel {
    background-color: transparent;
    border-top: none;
    margin-bottom: 0;
}

#menu-panel.open {
    background-color: #2C2C2C;
    border-top: none;
    border-bottom: 15px solid #202221;
    color: #F2F0F1;
    font-size: 18px;
    height: auto;
}

#menu-panel .panel-body {
    background-color: rgba(0, 0, 0, 0);
    margin-top: -15px;
    padding: 0 4px;
}

@media (max-width:767px) {
    #menu-panel .panel-body {
        padding: 0;
    }
}

/* IMAGES */
.img-thumbnail {
    border: 0;
    border-radius: 0;
    padding: 0;
}

img.ermes-thumb {
    background-size: 100%;
}

.panel-selection,
.panel-selection > .panel-heading,
.panel-selection > .panel-body,
.panel-selection > .panel-footer,
.panel-front,
.panel-front > .panel-heading,
.panel-front > .panel-body,
.panel-front > .panel-footer,
.panel-layout,
.panel-layout > .panel-heading,
.panel-layout > .panel-body,
.panel-layout > .panel-footer {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}

    .panel-front,
    .panel-front > .panel-heading,
    .panel-front > .panel-body,
    .panel-front > .panel-footer,
    .panel-layout,
    .panel-layout > .panel-heading,
    .panel-layout > .panel-body,
    .panel-layout > .panel-footer {
        padding: 0;
    }

.panel-layout {
    background: none;
}

.panel-front, .panel-selection {
    background-color: #F2F0F1;
    padding: 30px;
}

.panel-selection {
    padding: 10px;
}

/* On hérite de la couleur apposée sur le parent */
.panel-heading,
.panel-body,
.panel-footer {
    background: none;
}

/* Ajustement du style de l'en-tête des encarts Socle dans notre front*/
.panel-front > .x-panel-header {
    box-shadow: none;
    border: none;
    background: none;
}

/* Pas de marges pour les "encarts" de recherche */
.panel-front.panel-search-container {
    padding: 0;
}

    /* Une marge sur le titre uniquement pour les "encarts" de recherche */
    .panel-front.panel-search-container .panel-heading {
        padding: 30px;
    }

.panel-layout > .panel-body {
    padding: 10px;
    position: relative;
}

#facet_container > .panel-group {
    margin-bottom: 0;
}

#facet_container .panel-heading {
    padding: 30px 10px 5px 20px;
}

#facet_container .nav > li.disabled > a:hover {
    cursor: pointer;
}

.facet-search-icon::before {
    content: '\e808';
    font-family: ermes-font-update;
    color: #888;
    position: relative;
}

.panel-front {
    margin-bottom: 10px;
}

.searchContainer .panel-layout {
    margin-bottom: 5px;
}

.frame .panel-default {
    background-color: #F2F0F1;
}

.searchForm .panel-body {
    margin-top: 15px
}

.searchForm .addRow {
    cursor: pointer;
}

#portal .panel-body {
    padding-top: 15px;
}

#resultats_recherche .panel-body {
    padding: 15px 0;
}

.panel-primary {
    border-color: #808080;
}

.ajax-loader-big {
    color: #808080;
}

.panel > .panel-heading h2, .panel-title, .panel-front > .x-panel-header {
    text-transform: uppercase;
}

/* CAROUSEL */
.carousel, .carousel .rsOverflow, .carousel .rsSlide {
    background: none repeat scroll 0 0 #F2F0F1;
}

/* SELECTION */
#multi_selection_simple, #multi_selection {
    bottom: 20px;
    right: 20px;
}

    #multi_selection_simple .panel, #multi_selection .panel {
        -moz-box-shadow: 15px 15px 0 #d1cfd0;
        -webkit-box-shadow: 15px 15px 0 #d1cfd0;
        box-shadow: 15px 15px 0 #d1cfd0;
    }

    #multi_selection .panel {
        padding: 15px;
    }

.selection_label {
    color: #5f5b5b;
}

#multi_selection_simple .bouton_detail, #multi_selection .bouton_detail {
    color: #e6727b;
}

#multi_selection a.removeItem, #multi_selection button.removeItem {
    color: #e6727b;
}

/* SEARCH */
#resultats > ul > li {
    background-color: #f2f0f1;
    border-bottom: 8px solid #E6E4E5;
    padding: 0;
}

.notice.notice_courte {
    position: relative;
}

#resultats .notice_corps {
    padding: 20px;
}

#resultats .notice_courte .notice_metadata {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

#resultats .select {
    width: 40px;
}

    #resultats .select input[type="checkbox"], .ajouter_selection input[type="checkbox"] {
        float: none;
        height: 100%;
        margin: 0 12px;
        position: relative;
        vertical-align: middle;
        width: 16px;
    }

.searchContainer p {
    font-size: 14px;
}

.modal p.help {
    font-style: italic;
    margin-top: 0;
}

.search-icon-container .search-icon-container--icon {
    color: #4b494a;
    font-size: 20px;
    /*margin-left: 10px;*/
    text-decoration: none;
}

.search-icon-container .button-my-account.export_link {
    background-color: inherit;
    border: none;
    width: 100%;
    text-align: left;
    padding: 3px 20px;
}

.search-icon-container .search-icon-container--icon:hover {
    color: #2C2C2C;
}

button.btn-link-like {
    border: none;
    /*background-color: inherit;*/
    background: none;
    padding: 0;
}

.accordion-toggle.btn-link-like {
    width: 100%;
    text-align: left;
}

.criteres_tri {
    background-color: transparent;
    border: 0;
    padding: 0;
}

    .criteres_tri label.label-tri {
        color: #5f5b5b;
        margin: 5px;
        font-size: 14px;
        font-weight: normal;
        display: inline-block;
    }

    .criteres_tri .site-restriction {
        margin-left: 15px;
    }

.change-sort-order {
    background-color: #5f5b5b;
    height: 30px;
    padding: 0;
    width: 30px;
    margin-left: -3px;
}

    .change-sort-order .icon-asc, .change-sort-order .icon-desc {
        color: #F2F0F1;
        font-size: 20px;
    }

        .change-sort-order .icon-asc:before, .change-sort-order .icon-desc:before {
            margin-right: 0;
        }

        .change-sort-order .icon-asc:hover:before {
            content: "\e826";
        }

        .change-sort-order .icon-desc:hover:before {
            content: "\e81a";
        }

#criteres_recherche, .navigation-page, .intro, #description_resultats_pendingActiveClients {
    padding: 0 15px 0 30px;
}

.btn-group.pageSize-container button {
    color: #6BB3A5;
    font-size: 14px;
    font-weight: normal;
    background: none;
    margin-right: 10px;
}

#description_resultats, .taille_page {
    margin-top: 10px;
}

.pageSize-container .icon-arrow-bottom {
    font-size: 24px;
    top: -5px;
    right: -20px;
    position: absolute;
}

.btn-group.pageSize-container.open ul.dropdown-menu {
    right: 0;
    min-width: 0;
    width: 35px;
    margin: 0;
}

.btn-group.pageSize-container.open .dropdown-menu > li > a {
    color: #6BB3A5;
    padding: 0 0 0 5px;
}

#criteres_recherche p, #description_resultats, #description_resultats_pendingActiveClients, .taille_page {
    color: #6BB3A5;
    font-size: 14px;
    font-weight: normal;
}

.additional-infos {
    color: #BEB6B4;
    font-size: 14px;
}

.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border: none;
    border-bottom: 5px solid #BEB6B4;
    color: #BEB6B4;
    font-size: 16px;
    margin: 0 4px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
    border: none;
    border-bottom: 5px solid #6BB3A5;
    color: #6BB3A5;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus, .pagination .suivant, .pagination .precedent {
    background-color: transparent;
    border: none;
    margin: 0;
}

.pagination button.btn-link-like {
    float: left;
    padding: 5px 10px;
    color: #BEB6B4;
}

.pagination > li.disabled > button.btn-link-like {
    cursor: not-allowed;
}

.basket-label.btn-link-like {
    padding-left: 20px;
    width: 100%;
    text-align: left;
}

.pagination button.page_link {
    border-bottom: 5px solid #BEB6B4;
    margin: 0 4px;
    font-size: 16px;
}

#loansSelected, #lateLoansSelected, #reservationsSelected, #reservationsDispoSelected, #historicToBasketSelected, .renew-loans-cant {
    margin-left: 45px;
}

.historicHeader {
    margin-bottom: 20px;
}

li.renew-loan a, li.renew-all-loans a {
    height: 24px;
}

#SortLoansReservations, #FilterLoansReservations, #SortInscriptionsAgenda {
    height: 25px;
    font-size: 13px;
    top: -2px;
    padding-top: 1px;
}

    #SortLoansReservations .icon-arrow-bottom, #FilterLoansReservations .icon-arrow-bottom, #SortInscriptionsAgenda .icon-arrow-bottom {
        margin-left: 5px;
    }

.sort-order .myaccount {
    white-space: nowrap;
}

.labelToSort {
    font-size: 14px;
    margin-left: 20px;
    color: #5f5b5b;
    font-weight: normal;
    margin-right: 2px;
}

.myloans {
    font-family: 'ermes-font-base';
    font-style: normal;
    margin-right: 0.3em;
}

.icon-folder-open {
    margin-right: 0.2em;
}

.icon-calendar {
    margin-right: 0.1em;
}

.renew-loans-cant {
    color: red;
}

.renew-all-loans button, .cancel-all-reservations button, .basket-all-notices button {
    /* padding-top:6px; */
    text-transform: uppercase;
    height: 25px;
}

.basket-all-notices button.basket-label {
    text-transform: none;
}

ul.myaccount-toolbar > li {
    display: inline;
}

ul.myaccount-toolbar-agenda {
    padding-top: 20px;
}

.select-all-notices {
    margin-right: 8px;
    margin-top: -6px;
    background-color: #aaaaaa;
    width: 40px;
    height: 40px;
}

.select-all {
    background-color: #aaaaaa;
    width: 40px;
    height: 40px;
}

.loan-result, .reservation-result, .historic-result {
    color: red;
}

.historicHeader {
    color: #808080;
}

#renewMultipleLateLoans span.glyph-clock, li.renew-loan span.glyph-clock, #cancelMultipleResa span.glyph-blocked, li.cancel-reservation span.glyph-blocked {
    line-height: 1.5;
}

.selectNotice {
    background-color: #abdadf;
    height: 100%;
    width: 27px;
    position: absolute;
    padding: 0px;
    margin-left: 6px;
}

.notice-content {
    margin-left: 40px;
}

.checkNotice {
    width: 16px;
    height: 100%;
    position: relative;
    vertical-align: middle;
}

    .checkNotice:disabled {
        cursor: default !important;
    }

.loan-item .notice .notice-content {
    padding: 0px !important;
}

.user-name {
    color: #00726f;
}

.welcomeUser {
    margin-bottom: 20px;
}

.criteres_tri .check_all {
    float: right;
    height: 100%;
    margin: 0 12px 0 0;
    width: 16px;
}

.vignette_document .icon-new {
    background-color: #e6727b;
    -moz-box-shadow: -3px -3px 0 #d1cfd0;
    -webkit-box-shadow: -3px -3px 0 #d1cfd0;
    box-shadow: -3px -3px 0 #b04f5b;
    font-size: 20px;
}

.template-title {
    color: #5f5b5b;
    text-transform: uppercase;
}

p.template-info {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.template-resume {
    font-style: normal;
    line-height: 15px;
}

.notice_corps .template-blog-info {
    font-size: 12px;
    margin-top: 10px !important;
}

.notice_corps .template-blog-date,
.notice_corps .template-blog-creator {
    font-weight: bold;
}

.notice-actions {
    padding: 20px 10px 10px;
}

.notice_avis {
    margin-bottom: 10px;
    margin-top: 0px;
    clear: both;
}

a.btn-technicalReport span.glyph-settings {
    margin-left: -3px !important;
}

a.btn-technicalReport {
    background-color: #808040;
    border-color: #717139;
    padding-top: 6px !important;
}

    a.btn-technicalReport:hover {
        background-color: #717139;
        border-color: #5B5B2F;
    }

#metaNotice {
    padding-left: 20px;
    border: 5px solid #6BB3A5;
    word-wrap: break-word;
}

    #metaNotice p {
        color: #333;
    }

    #metaNotice .contentMetaNotice {
        color: #808080;
        margin-left: 10px;
        line-height: 1;
    }

ul.blockMetaNotice xmp {
    margin-top: -17px;
    padding-right: 20px;
    margin-bottom: -10px;
    line-height: 1;
    font-size: 14px;
    font-family: Titillium;
}

#metaNotice .xmlMetaNotice {
    margin-left: -45px;
    color: #808080;
}

#metaNotice h3 {
    padding-top: 7px;
    padding-bottom: 7px;
}

#metaNotice .blockMetaNotice {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
}

.summaryMetaNotice {
    padding-top: 10px;
    padding-bottom: 30px;
}

    .summaryMetaNotice h2 {
        padding-bottom: 10px;
    }

#notice_longue .notice_avis {
    margin-top: 5px;
}

.notice_avis > i {
    color: #5f5b5b;
    font-size: 16px;
    margin-right: -6px;
}

#notice_longue .notice_avis > i.icon-spin {
    font-size: 13px;
    margin-right: 0;
}

.bold {
    font-weight: bold;
}

.notice_avis .avis {
    /*display: none;*/
}

#notice_longue .notice_avis .avis {
    display: block;
}

#notice_longue .metadata-actions li, #document_actions .metadata-actions li, #resultats ul.metadata-actions li {
    padding: 0;
}

ul.metadata-actions > li > button, ul.metadata-actions > li > a, .memoriser > button, .modify-selection {
    padding: 0 0 0 5px;
}

ul.metadata-actions > li button.btn-basket {
    padding: 0;
}

ul.metadata-actions > li.ajouter_selection > a {
    padding: 0;
}

ul.metadata-actions > li > button > span, ul.metadata-actions > li > a > span, .memoriser > button > span, .modify-selection > span {
    font-size: 26px;
}

li.ajouter_selection {
    background-color: #8E8888;
    cursor: pointer;
}

    li.ajouter_selection input[type='checkbox'] {
        height: 40px;
        cursor: pointer;
    }

.more-actions {
    font-size: 25px;
    margin-top: -15px;
    position: absolute;
    right: 25px;
}

.more-actions-mobile {
    margin-top: 10px;
}

.detail-icon-container .more-actions-mobile a > i {
    font-size: 25px;
}

#notice_longue .memoriser > button, #notice_longue .memoriser > .dropdown-menu, #notice_longue .edit-event-details > a {
    float: right;
}

.memoriser .dropdown-toggle {
    border-top: 1px solid #b04f5b;
    height: 20px;
    padding-left: 0;
}

#notice_longue_description {
    margin-bottom: 15px;
}

/* FACETS */
#facet_container .facetSuggest {
    text-align: center;
}

.facet-controls {
    margin: 15px 5px 5px;
}

    .facet-controls > a, .facet-controls > button {
        color: #8E8888;
        text-transform: uppercase;
    }

#facet_container .icon-resize-small, #facet_container .icon-resize-full {
    font-size: 24px;
}

.facet-collapse {
    border: 0;
}

.facetList .badge {
    background-color: transparent;
    color: #67AC9E;
    padding: 3px 0;
}

/* HOLDINGS */
@media (min-width: 768px) {
    .statut, .statut-disabled, .statut-primaryDoc {
        background-color: #d1cfd0;
    }
}

#holding_reservation_dialog select#holding-reservation-dialog-library.invalid-selection {
    border-color: red !important;
}

.indicator {
    color: #4B494A;
}

.second-table-divider {
    height: 10px;
}

.detail-holdings-class [class|="detail-holds"] table, .detail-subscriptions table {
    border-spacing: 0;
}

h3.category_header {
    background-color: #72c0e8;
    color: #F2F0F1;
    margin-bottom: 0;
    padding: 15px;
    text-transform: uppercase;
}

.detail-holdings-class [class|="detail-holds"] thead th, .detail-subscriptions thead th, .detail-holdings-class [class|="detail-holds"] thead td, .detail-subscriptions thead td {
    background-color: #3D7A99;
    color: #F2F0F1;
    font-weight: bold;
}

.detail-holdings-class tr {
    background-color: #FAF8F9;
}

    .detail-holdings-class tr:nth-child(even) { /*(even) or (2n 0)*/
        background-color: #E6E4E5;
    }

    .detail-holdings-class tr:nth-child(odd) { /*(odd) or (2n 1)*/
        background-color: #FAF8F9;
    }

.panel.panel-holding {
    background-color: #FAF8F9;
    border: 0 none;
}

.holdings-displaymode {
    padding: 20px;
}

    .holdings-displaymode a {
        font-weight: bold;
        text-transform: uppercase;
    }

.detail-holdings-class-abstract .view-online {
    padding: 0 10px;
}

.btn-mobile-pnb {
    padding-bottom: 5px;
}

.pnb-quota-info {
    padding: 15px;
}

.pnb-download-info {
    text-align: center;
}

.pnb-quota-max {
    margin-bottom: 10px;
}

.pnb-download-duration {
    margin: 10px;
    text-align: center;
}

    .pnb-download-duration span {
        font-weight: bold;
    }

/* DETAIL */
.detail-icon-container {
    color: #5f5b5b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: -10px;
    margin-top: -20px;
}

@media (max-width:767px) {
    .detail-icon-container {
        margin-bottom: 15px;
    }
}

.detail-icon-container a {
    text-decoration: none;
}

    .detail-icon-container a > span, .detail-icon-container button > span {
        color: #5f5b5b;
        font-size: 40px;
    }

.detail-icon-container > .position {
    vertical-align: super;
}

#resultats_detail .vignette_container {
    margin: 0 40px 0 0;
}

#resultats_detail .vignette_document {
    margin: 0 0 5px 0;
}

#notice_longue_description > p {
    color: #5f5b5b;
    font-size: 16px;
}

    #notice_longue_description > p > [class^="icon-"], #notice_longue_description > p > [class*=" icon-"] {
        font-size: 28px;
    }

#notice_longue h3 {
    font-size: 18px;
}

#notice_longue h4 {
    font-size: 16px;
}

#notice_longue > .panel > .panel-body {
    padding: 15px 42px 15px 35px;
}

@media (min-width:768px) {
    #notice_longue .metadata-actions {
        position: absolute;
        right: -42px;
        top: -15px;
    }
}

@media (max-width:767px) {
    #notice_longue > .panel > .panel-body {
        padding: 15px 5px;
    }

    #resultats_detail .vignette_container {
        margin: 0 20px 0 0;
    }

    #notice_longue #document_actions {
        margin-top: 10px;
    }

    #notice_longue .metadata-actions > li {
        float: left;
    }

    .panel-front {
        padding: 15px 5px;
    }
}

.nav.nav-tabs {
    margin-top: 25px;
}

.nav-tabs > li {
    background-color: #E6E4E5;
}

    .nav-tabs > li > a {
        color: #4B494A;
        font-size: 16px;
        font-weight: bold;
        margin-right: 0;
        padding: 10px 30px;
        text-transform: uppercase;
    }

        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
            background-color: #BEB6B4;
            border-color: #BEB6B4;
            border-radius: 0;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #FAF8F9;
        border-color: #FAF8F9;
        border-radius: 0;
        color: #4B494A;
    }

.tab-content {
    background-color: #FAF8F9;
    color: #4B494A;
    font-size: 16px;
    padding: 20px;
}

li.sort-order {
    top: 3px;
    position: relative;
}

.dl-horizontal dt {
    text-align: left;
}

.view-online h2.category_header {
    margin-left: 20px;
}

h2.category_header {
    color: #e6727b;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0px 10px;
}

#avis_lecteurs .donner_avis {
    font-size: 16px;
    text-decoration: none;
}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background-color: transparent;
}

.royalSlider.suggestionNoticeResults {
    background-color: transparent;
    padding-top: 20px;
}

    .royalSlider.suggestionNoticeResults .rsSlideContainer {
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
    }

.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
    background: url("ressources/images/arrow-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
    background: url("ressources/images/arrow-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* REVIEWS */
#avis_lecteurs li {
    background-color: transparent;
    margin: 10px 0 20px;
}

#avis_lecteurs blockquote {
    border: 0;
    padding: 0;
}

    #avis_lecteurs blockquote strong {
        color: #5F5B5B;
        font-size: 16px;
        font-weight: bold;
    }

    #avis_lecteurs blockquote .rating {
        color: #5f5b5b;
        font-size: 18px;
        margin-left: 10px;
    }

        #avis_lecteurs blockquote .rating > i {
            margin-right: -6px;
        }

    #avis_lecteurs blockquote p, #avis_lecteurs blockquote small {
        color: #5F5B5B;
    }

#display-all-comments {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

/* ACCOUNT */
#ermes-myaccount .myaccount-menu .menu-item.Profile i:before {
    content: "\e802";
}

#ermes-myaccount .myaccount-menu .menu-item.Contributions i:before {
    content: "\e80d";
}

#ermes-myaccount .myaccount-menu .menu-item.Subscriptions i:before {
    content: "\e836";
}

#ermes-myaccount .myaccount-menu .menu-item.NewsLetters i:before {
    content: "\e803";
}

#ermes-myaccount .myaccount-menu .menu-item.Loans i:before {
    content: "\e81a";
}

#ermes-myaccount .myaccount-menu .menu-item.Messages i:before {
    content: "\e805";
}

#ermes-myaccount .myaccount-menu .menu-item.Activity i:before {
    content: "\e839";
}

#ermes-myaccount .myaccount-menu .menu-item.ErmesGP i:before {
    content: "\e84e";
}

#ermes-myaccount .myaccount-menu .menu-item.AgendaRegistrations i:before {
    content: "\e822";
}

#ermes-myaccount .myaccount-menu .menu-item.PnbLoans i:before {
    content: "\e81d";
}

#ermes-myaccount .myaccount-menu .menu-item.MemorySearch i:before {
    content: "\e808";
}

#ermes-myaccount .myaccount-menu .menu-item.SocialNetwork i:before {
    content: "\e868";
}

/* FOOTER */
footer [class^="icon-"], footer [class*=" icon-"] {
    color: #F2F0F1;
    font-size: 65px;
    margin-top: -15px;
    position: absolute;
}

footer div.footer-mobile [class^="icon-"], footer.footer-mobile [class*=" icon-"] {
    color: #F2F0F1;
    font-size: 50px;
    position: relative;
}

@media (max-width: 640px) {
    footer div.footer-mobile [class^="icon-"], footer.footer-mobile [class*=" icon-"] {
        font-size: 30px;
    }
}

footer .nav-tabs {
    border-bottom: 0;
}

    footer .nav-tabs > li, footer .nav-tabs > li.active, footer .nav-tabs > li:hover {
        background: transparent;
    }

        footer .nav-tabs > li.active [class^="icon-"] {
            color: #72c0e8;
        }

        footer .nav-tabs > li.active > a, footer .nav-tabs > li.active > a:hover, footer .nav-tabs > li > a:hover, footer .nav-tabs > li > a:focus, footer .nav-tabs > li.active > a:focus {
            background: transparent;
            border-color: transparent;
        }

footer .nav.nav-tabs a {
    padding: 10px 20px;
}

@media (max-width: 500px) {
    footer .nav.nav-tabs a {
        padding: 10px;
    }
}

@media (max-width: 380px) {
    footer .nav.nav-tabs a {
        padding: 6px;
    }
}

footer .tab-content {
    background: transparent;
}

footer h1 {
    color: white;
}

footer p {
    color: #ad565e;
    font-size: 16px;
    line-height: 14px;
}

footer a, footer a:hover, footer a:focus {
    color: #F2F0F1;
}

    footer a:focus {
        outline-color: #F2F0F1;
    }

.footer-category {
    min-height: 65px;
}

footer.footer-mobile .footer-category {
    margin-left: 15px;
}

.footer-category:after {
    clear: both;
}

.footer-category:before, .footer-category:after {
    content: " ";
    display: table;
}

.label-ermes {
    color: #F2F0F1;
    font-family: "Alegre Sans NC";
    font-size: 25px;
    text-transform: uppercase;
}

/* #footer {
     background-color: #ad565e;
     bottom: 0px;
     padding: 10px 0px;
     position: absolute;
     width: 100%;
}

#footer ul {
     margin: 0px;
}

#footer a {
     color: #F2F0F1;
     font-size: 16px;
} */

.label-date {
    background-color: transparent;
    border: none;
    display: inline;
}

.sagscroller {
    height: 200px;
}

.Ermes-SiteMap h3 {
    margin-bottom: 15px;
}

.icon-off:before,
.icon-cog:before,
.icon-post-open:before,
.icon-post:before,
.icon-bell:before,
.icon-basket:before,
.icon-basket-empty:before,
.icon-search:before,
.icon-editions:before,
.icon-trash:before,
.icon-comment:before,
.icon-time:before,
.icon-pencil:before,
.icon-eye-open:before,
.icon-author:before,
.icon-publisher:before,
.icon-diaries:before,
.icon-map:before,
.icon-new:before,
.icon-game:before,
.icon-tablet:before,
.icon-calendar:before,
.icon-manuscript:before,
.icon-plans:before,
.icon-study:before,
.icon-picture:before,
.icon-ebook:before,
.icon-puzzle:before,
.icon-toy:before,
.icon-art:before,
.icon-web:before,
.icon-magazine:before,
.icon-digitalmagazine:before,
.icon-document:before,
.icon-music:before,
.icon-book:before,
.icon-audiobook:before,
.icon-magnet:before,
.icon-user:before,
.icon-exposition:before,
.icon-application:before,
.icon-cinema:before,
.icon-listen:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-check:before,
.icon-capture:before,
.icon-unfold:before,
.icon-fold:before,
.icon-link:before,
.icon-return:before,
.icon-minus:before,
.icon-plus:before,
.icon-remove:before,
.icon-asterisk:before,
.icon-list:before,
.icon-info:before,
.icon-rss:before,
.icon-site:before,
.icon-acrobat:before,
.icon-resize-small:before,
.icon-resize-full:before,
.icon-star:before,
.icon-star-empty:before,
.icon-spread:before,
.icon-menu:before,
.icon-spin:before,
.icon-subscriptions:before,
.icon-folder-close:before,
.icon-registrations:before,
.icon-exit:before,
.icon-export:before,
.icon-download:before,
.icon-megaphone:before,
.icon-fascicle:before,
.icon-arrow-bottom:before,
.icon-arrow-right:before,
.icon-desc:before,
.icon-asc:before,
.icon-lock:before,
.icon-unlock:before,
.icon-compass:before,
.icon-share-squared:before,
.icon-share:before,
.icon-export-1:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-tumblr:before,
.icon-gplus:before,
.icon-pinterest:before,
.icon-comment-edit:before,
.icon-cd:before,
.icon-ebook:before,
.icon-book-1:before,
.icon-book-2:before,
.icon-numerci:before,
.icon-video-chat:before,
.icon-video-circled:before,
.icon-file-audio:before,
.icon-other-book:before,
.icon-laptop:before,
.icon-download-1:before,
.icon-volume-down:before,
.icon-suggest-author:before,
.icon-suggest-title:before,
.tw-icon-Numeric:before, /* format standard (notice jumelle)*/
.tw-icon-Physical:before, /* format standard (notice jumelle)*/
.tw-icon-Audio:before, /* format standard (notice jumelle)*/
.tw-icon-Video:before, /* format standard (notice jumelle)*/
.icon-floppy:before,
.icon-users-outline:before,
.icon-history:before,
.icon-sort:before,
.icon-sort-down:before,
.icon-sort-up:before,
.icon-basket-puton:before,
.icon-basket-putoff:before,
.icon-faq:before,
#ermes-myaccount .myaccount-menu .menu-item:not(.Loans) i:before {
    font-family: "ermes-font-update";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
}

.icon-suggest-subject:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
}

.icon-off:before {
    content: '\e800';
}
/* '?' */
.icon-lock:before {
    content: '\e814';
}
/* '?' */
.icon-post-open:before {
    content: '\e803';
}
/* '?' */
.icon-post:before {
    content: '\e805';
}
/* '?' */
.icon-bell:before {
    content: '\e804';
}
/* '?' */
.icon-basket:before {
    content: '\e806';
}
/* '?' */
.icon-basket-empty:before {
    content: '\e807';
}
/* '?' */
.icon-search:before {
    content: '\e808';
}
/* '?' */
.icon-editions:before {
    content: '\e809';
}
/* '?' */
.icon-trash:before {
    content: '\e80a';
}
/* '?' */
.icon-comment:before {
    content: '\e80b';
}
/* '?' */
.icon-comment-edit:before {
    content: '\e84d';
}
/* '?' */
.icon-time:before {
    content: '\e80c';
}
/* '?' */
.icon-pencil:before {
    content: '\e80d';
}
/* '?' */
.icon-eye-open:before {
    content: '\e80f';
}
/* '?' */
.icon-author:before {
    content: '\e80e';
}
/* '?' */
.icon-publisher:before {
    content: '\e810';
}
/* '?' */
.icon-diaries:before {
    content: '\e811';
}
/* '?' */
.icon-map:before {
    content: '\e812';
}
/* '?' */
.icon-new:before {
    content: '\e813';
}
/* '?' */
.icon-game:before {
    content: '\e824';
}
/* '?' */
.icon-tablet:before {
    content: '\e823';
}
/* '?' */
.icon-calendar:before {
    content: '\e822';
}
/* '?' */
.icon-manuscript:before {
    content: '\e821';
}
/* '?' */
.icon-plans:before {
    content: '\e820';
}
/* '?' */
.icon-study:before {
    content: '\e81f';
}
/* '?' */
.icon-picture:before {
    content: '\e81e';
}
/* '?' */
.icon-ebook:before {
    content: '\e81d';
}
/* '?' */
.icon-puzzle:before {
    content: '\e81c';
}
/* '?' */
.icon-toy:before {
    content: '\e81b';
}
/* '?' */
.icon-art:before {
    content: '\e855';
}
/* '?' */
.icon-web:before {
    content: '\e818';
}
/* '?' */
.icon-magazine:before {
    content: '\e817';
}
/* '?' */
.icon-digitalmagazine:before {
    content: '\e816';
}
/* '?' */
.icon-document:before {
    content: '\e815';
}
/* '?' */
.icon-music:before {
    content: '\e827';
}
/* '?' */
.icon-book:before {
    content: '\e82f';
}
/* '?' */
.icon-audiobook:before {
    content: '\e83e';
}
/* '?' */
.icon-magnet:before {
    content: '\e842';
}
/* '?' */
.icon-fascicle:before {
    content: '\e848';
}
/* '?' */
.icon-exposition:before {
    content: '\e84c';
}
/* '?' */
.icon-user:before {
    content: '\e802';
}
/* '?' */
.icon-cinema:before {
    content: '\e851';
}
/* '?' */
.icon-listen:before {
    content: '\e854';
}
/* '?' */
.icon-chevron-right:before {
    content: '\e85a';
}
/* '?' */
.icon-chevron-left:before {
    content: '\e856';
}
/* '?' */
.icon-check:before {
    content: '\e85b';
}
/* '?' */
.icon-capture:before {
    content: '\e82c';
}
/* '?' */
.icon-unfold:before {
    content: '\e82b';
}
/* '?' */
.icon-fold:before {
    content: '\e83b';
}
/* '?' */
.icon-arrow-bottom:before {
    content: '\e801';
}
/* '?' */
.icon-return:before {
    content: '\e844';
}
/* '?' */
.icon-minus:before {
    content: '\e843';
}
/* '?' */
.icon-plus:before {
    content: '\e846';
}
/* '?' */
.icon-remove:before {
    content: '\e847';
}
/* '?' */
.icon-asterisk:before {
    content: '\e84a';
}
/* '?' */
.icon-list:before {
    content: '\e84b';
}
/* '?' */
.icon-info:before {
    content: '\e84f';
}
/* '?' */
.icon-rss:before {
    content: '\e852';
}
/* '?' */
.icon-site:before {
    content: '\e853';
}
/* '?' */
.icon-acrobat:before {
    content: '\e859';
}
/* '?' */
.icon-resize-small:before {
    content: '\e825';
}
/* '?' */
.icon-resize-full:before {
    content: '\e82d';
}
/* '?' */
.icon-spread:before {
    content: '\e839';
}
/* '?' */
.icon-menu:before {
    content: '\e838';
}
/* '?' */
.icon-spin:before {
    content: '\e837';
}
/* '?' */
.icon-subscriptions:before {
    content: '\e836';
}
/* '?' */
.icon-folder-close:before {
    content: '\e835';
}
/* '?' */
.icon-registrations:before {
    content: '\e84e';
}
/* '?' */
.icon-exit:before {
    content: '\e834';
}
/* '?' */
.icon-export:before {
    content: '\e833';
}
/* '?' */
.icon-download:before {
    content: '\e832';
}
/* '?' */
.icon-megaphone:before {
    content: '\e831';
}
/* '?' */
.icon-cog:before {
    content: '\e829';
}
/* '?' */
.icon-desc:before {
    content: '\e826';
}
/* '?' */
.icon-star:before {
    content: '\e828';
}
/* '?' */
.icon-star-empty:before {
    content: '\e82e';
}
/* '?' */
.icon-asc:before {
    content: '\e81a';
}
/* '?' */
.icon-link:before {
    content: '\e82a';
}
/* '?' */
.icon-unlock:before {
    content: '\e819';
}
/* '?' */
.icon-application:before {
    content: '\e850';
}
/* '?' */
.icon-compass:before {
    content: '\e830';
}
/* '?' */
.icon-share-squared:before {
    content: '\e83a';
}
/* '?' */
.icon-share:before {
    content: '\e83c';
}
/* '?' */
.icon-export-1:before {
    content: '\e83d';
}
/* '?' */
.icon-facebook:before {
    content: '\e83f';
}
/* '?' */
.icon-twitter:before {
    content: '\e841';
}
/* '?' */
.icon-tumblr:before {
    content: '\e840';
}
/* '?' */
.icon-gplus:before {
    content: '\e845';
}
/* '?' */
.icon-pinterest:before {
    content: '\e849';
}
/* '?' */
.icon-cd:before {
    content: '\e858';
}
/* '?' */
.icon-ebook:before {
    content: '\e85c';
}
/* '?' */
.icon-book-1:before {
    content: '\e85d';
}
/* '?' */
.icon-book-2:before {
    content: '\e85e';
}
/* '?' */
.icon-numeric:before {
    content: '\e85f';
}
/* '?' */
.icon-video-chat:before {
    content: '\e860';
}
/* '?' */
.icon-video-circled:before {
    content: '\e861';
}
/* '?' */
.icon-file-audio:before {
    content: '\e862';
}
/* '?' */
.icon-other-book:before {
    content: '\e863';
}
/* '?' */
.icon-laptop:before {
    content: '\e864';
}
/* '?' */
.icon-download-1:before {
    content: '\e865';
}
/* '?' */
.icon-volume-down:before {
    content: '\e866';
}
/* '?' */
.tw-icon-Numeric:before {
    content: '\e85f';
}
/* icone twinkey (notice jumelle) */
.tw-icon-Physical:before {
    content: '\e863';
}
/* icone twinkey (notice jumelle) */
.tw-icon-Audio:before {
    content: '\e866';
}
/* icone twinkey (notice jumelle) */
.tw-icon-Video:before {
    content: '\e861';
}
/* icone twinkey (notice jumelle) */
.icon-floppy:before {
    content: '\e867';
}
/* '?' */
.icon-users-outline:before {
    content: '\e868';
}
/* '?' */
.icon-history:before {
    content: '\f1da';
}

.icon-sort:before {
    content: '\f0dc';
}
/* '?' */
.icon-sort-down:before {
    content: '\f0dd';
}
/* '?' */
.icon-sort-up:before {
    content: '\f0de';
}
.icon-basket-puton:before {
    content: '\e962';
}
.icon-basket-putoff:before {
    content: '\e963';
}
.icon-faq:before {
    content: '\e964';
}
/* '?' */
/*********** Normal & Rich Menu ************/
.portal-main-menu {
    width: 100%;
}

    .portal-main-menu li.LEVEL1:first-child {
        margin-left: 0px;
    }

@media (min-width:768px) {
    /*** Normal menu desktop ***/
    .portal-main-menu li.LEVEL1 {
        background-color: #6BB3A5;
        border-top: 7px solid #50867C;
        font-size: 18px;
        margin-left: 2%;
        margin-right: 2%;
        text-align: center;
        text-transform: uppercase;
        width: 16%;
    }

        .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .portal-main-menu li.LEVEL1 a:hover {
            background-color: #50867C;
        }

        .portal-main-menu li.LEVEL1 > a {
            color: #F2F0F1;
        }

        .portal-main-menu li.LEVEL1 > a {
            padding: 10px 5px 13px;
        }

        .portal-main-menu li.LEVEL1 .caret, .portal-main-menu li.LEVEL1 a:hover .caret {
            border-bottom-color: #FFFFFF;
            border-top-color: #FFFFFF;
        }

    .portal-main-menu .dropdown-menu {
        min-width: 100%;
    }

    /*** Rich menu desktop ***/
    /* First level */
    #nav-rich-menu {
        display: inline;
        float: left;
        position: relative;
        z-index: 20;
        width: 100%;
    }

        #nav-rich-menu li {
            display: block;
            font-size: 24px;
            padding: 0;
            float: left;
            color: #fff;
            background: #67ac9e;
            margin: 0 2% 0 0;
            text-align: center;
            width: 16%;
        }

            #nav-rich-menu li a {
                padding: 10px 5px 13px;
                display: block;
                color: #fff;
                text-transform: uppercase;
            }

            #nav-rich-menu li:hover a {
                background: #50867C;
            }

        #nav-rich-menu a:hover {
            background: #50867C;
            text-decoration: none;
        }

        #nav-rich-menu:before, #nav-rich-menu:after {
            content: " ";
            display: table;
        }
        /* Second level */
        #nav-rich-menu .dropdown {
            position: absolute;
            left: -9999px;
            background: #50867C;
            padding: 10px;
            width: 100%;
        }

        #nav-rich-menu li:hover .dropdown {
            left: 0;
        }

        #nav-rich-menu li .dropdown_container a {
            background: #67ac9e;
            margin: 10px;
            padding: 0;
            text-transform: none;
        }

        #nav-rich-menu .dropdown_container a:hover {
            background: #e6727b;
        }

        /* Illustration & Content */
        #nav-rich-menu .illustration {
            float: left;
            max-height: 120px;
            width: 120px;
            margin: 10px;
            overflow: hidden;
        }

        #nav-rich-menu .title_menu h4, .title_menu p {
            color: #fff;
        }

        #nav-rich-menu .title_menu h4 {
            padding: 10px 10px 0;
        }

        #nav-rich-menu .title_menu p {
            font-size: 14px;
            margin: 0;
            padding: 10px;
        }

        #nav-rich-menu .title_menu a {
            color: #fff;
        }
}

@media (max-width: 767px) {
    /*** Normal & Rich menu mobile ***/
    #nav-rich-menu, .portal-main-menu {
        background-color: #d1cfd0;
    }

        #nav-rich-menu > li > a, .portal-main-menu > li.LEVEL1 > a {
            display: block;
            padding: 10px 15px;
            position: relative;
        }

        #nav-rich-menu > li:hover, #nav-rich-menu > li:focus, .portal-main-menu > li.LEVEL1:hover, .portal-main-menu > li.LEVEL1:focus {
            background-color: #EEEEEE;
            text-decoration: none;
        }

        #nav-rich-menu .title_menu h4 {
            font-size: 12px;
        }

        #nav-rich-menu .dropdown {
            padding: 5px;
        }

        #nav-rich-menu .dropdown_container {
            margin-top: -20px;
        }

            #nav-rich-menu .dropdown_container a {
                margin: 5px;
            }

        .portal-main-menu li.LEVEL1 .caret, .portal-main-menu li.LEVEL1 a:hover .caret {
            border-bottom-color: #5F5B5B;
            border-top-color: #5F5B5B;
        }
}

.navbar-collapse.in {
    overflow-y: visible;
}

.navbar-collapse {
    max-height: 100%;
}

/* Probleme de z-index avec le rich menu FS1501  et correction de taille*/
.rsDefaultInv .rsBullets {
    z-index: 2;
}

.rsDefaultInv .rsBullet {
    padding: 3px;
}
/***************/
/* Surchage des valeurs du CF (bootstrap-theme) pour nos icon fontelo */
[class^="icon-"], [class*=" icon-"] {
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}
/********** Menu Mobile Actions **********/
#mobile-actions {
    text-align: left;
    background-color: #F2F0F1;
}

    #mobile-actions.mobile-actions-compact .hamburger-mobile {
        float: left;
    }

    #mobile-actions.mobile-actions-compact .navbar-header {
        float: none;
    }

.fa-user-circle-o:before {
    content: "\f2be";
}

@media (max-width:767px) {
    #menu-panel, .connectBox {
        position: absolute;
        z-index: 500;
        border: none;
        width: 100%;
    }

    #menu-panel {
        top: 47px;
    }

    .navbar-compact,
    .navbar-compact .navbar-collapse {
        border: none;
    }

        .navbar-compact #menu-panel {
            top: 0;
        }

    #menu-panel .navbar-collapse {
        box-shadow: none;
    }

    .navbar-compact #menu-panel .navbar-collapse {
        border-top: none;
    }

    .connectBox {
        top: 40px;
        background: #2c2c2c;
    }
}

#mobile-actions .btn-lg {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 16px;
    font-weight: bold;
}

.social-network-mobile .dropdown-menu {
    min-width: 0px;
}

    .social-network-mobile .dropdown-menu > li > a {
        padding: 0px;
    }

    .social-network-mobile .dropdown-menu > li {
    }
/****menu mobile hamburger**/
.hamburger-mobile .navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.hamburger-mobile .icon-bar {
    background-color: #333333;
}

#mobile-actions .my-account-mobile a {
    line-height: 1;
}

/***********************************************************************/

/*___________________________________WebFrame-Ermes-Commonviewedresources-Facet____________________________________*/

.webframe-ermes-commonviewedresources.facet .facetSuggest li:nth-child(odd) > a {
    background-color: #e6727b;
    border-color: #e6727b;
}

/***********************************************************************/
/** Icone de partage ***/
div.social-network ul li a {
    height: 32px;
    margin: 2px;
    width: 32px;
    text-align: center;
    color: white;
    display: block;
}

    div.social-network ul li a span:not(.sr-only) {
        position: relative;
        top: 20%;
    }

    div.social-network ul li a.twitter {
        background-color: #00C4FC;
    }

    div.social-network ul li a.facebook {
        background-color: #3350ae;
    }

    div.social-network ul li a.gplus {
        background-color: #d83d2d;
    }

    div.social-network ul li a.tumblr {
        background-color: #3d658b;
    }

    div.social-network ul li a.pinterest {
        background-color: #df2828;
    }

/***********************/
/** Affichage des icones Social Netwoking sur la partie gauche du site **/
.lang-dropdown-mobile {
    top: 5px;
    position: relative;
}

#dropChangeCulture {
    color: white;
}

#share_social {
    position: fixed;
    left: 0px;
    right: auto;
    top: 40%;
}

    #share_social ul li a:hover {
        color: black;
    }
/************************************************************************/

/** Affichage de la note sur le détail notice **/
#note-detail div.star {
    height: 40px;
}

#note-detail li > label {
    display: none;
}

#note-detail button.icon-remove {
    font-size: 22px;
    position: relative;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

    #note-detail button.icon-remove:before {
        margin: 0;
    }
/*************************************************************************/
/** Bandeau CNIL */
#cnil_banner {
    background-color: #ee9;
    width: 100%;
    color: #555;
}

    #cnil_banner .cnil_message {
        padding: 5px;
        text-align: center;
    }

        #cnil_banner .cnil_message a {
            text-decoration: underline;
            font-weight: bolder;
        }

    #cnil_banner .cnil_button {
        padding: 8px;
        background-color: #e0e080;
        text-align: center;
    }

/********************** Footer "Powered By" ******************************/
div.product-infos {
    text-align: center;
    background-color: #eee;
    padding: 5px 0 5px 0;
    color: #555;
    font-size: small;
}

    div.product-infos, div.product-infos a {
        color: #555;
        font-size: small;
    }

/* FS#2548 Affichage des toolip a la connexion d'aide sous ie*/
div.ie-forever {
    display: none;
    max-height: 15px;
    overflow: hidden;
    position: absolute;
    bottom: -15px;
    padding: 0 3px 0 10px;
    font-size: 11px;
    color: white;
    background: #aaa;
}

@media \0screen {
    #carte:focus ~ div.ie-forever, #code:focus ~ div.ie-forever {
        display: block;
    }
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    #carte:focus ~ div.ie-forever, #code:focus ~ div.ie-forever {
        display: block;
    }
}
/*bouton export compte lecteur style*/
#exportMyAccount {
    text-decoration: none;
    color: #5F5B5B;
    font-size: 14px;
    margin: 5px 0;
    text-transform: uppercase;
    cursor: pointer;
}

#export_myaccount_modal fieldset {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    min-width: 0;
    margin-left: 5px;
    margin-right: 5px;
}

#export_myaccount_modal legend {
    display: block;
    font-size: 14px;
    width: auto;
    padding: 2px 7px 2px 5px;
    margin-bottom: 0px !important;
    line-height: inherit;
    color: #333;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    text-transform: none;
}

#export_myaccount_modal fieldset label {
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}

ul.myaccount-export-tabs li a {
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #d4d4d4;
}

#export_myaccount_modal fieldset .formErrorContent {
    text-transform: none;
    margin-top: 10px;
    left: 50%;
}

.exportMyAccount-icon-container {
    position: absolute;
    right: 20px;
    top: 10px;
}

.myaccount-export-header .table > thead > tr > th, .myaccount-export-header .table > tbody > tr > th, .myaccount-export-header .table > tfoot > tr > th, .myaccount-export-header .table > thead > tr > td, .myaccount-export-header .table > tbody > tr > td, .myaccount-export-header .table > tfoot > tr > td {
    padding: 0px 5px 0px 0px !important;
}

.myaccount-export-header .panel-body {
    padding: 15px 5px 15px 5px;
}
/*Partager recherche style*/
span.input-group-addon.share-search-permalink-span:hover {
    background-color: #BEB6B4;
    color: #fff;
    cursor: pointer;
}

div#capture-search-editor {
    height: 100%;
}

.captureSearch-body {
    height: 380px;
    margin-bottom: 20px;
}

#advancedSharedCaptureHidedJson, #advancedSharedCaptureHidedJson:focus, #advancedSharedSearchPermalinkUrlMinify, #advancedSharedSearchPermalinkUrlMinify:focus {
    z-index: -100;
    position: relative;
}


#captureSearch a {
    text-decoration: underline;
    font-size: 14px;
    text-transform: none;
    color: #000;
}

.captureSearchShowMoreOptions, .captureSearchShowMoreOptions:hover {
    color: #00adb1;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
}

.advanced-search-popup button {
    width: 270px
}

.captureSearch-span {
    font-size: 14px;
    font-weight: bold;
}
.search-advanced-option {
text-align: center;
}
.dropdown-direction-switcher {
    vertical-align: top;
}

.clientAccountControls .sort-order {
    opacity: 0.5;
}

#preselect-facets-link {
    margin-top: 10px;
}

.filter-selected {
    background-color: #5781a2;
    border-color: #5781a2;
}

ul.account-links {
    margin-top: 8px;
}

    ul.account-links a {
        text-decoration: underline;
    }

.linktype-glyph-link {
    margin-left: 4px;
    font-size: smaller;
}

.filters-dropdown .disabled a,
.filters-dropdown .disabled a:hover {
    background-color: #808080;
    color: white;
    font-weight: bold;
}

a.dropBasketButton {
    height: 25px;
}

.clientAccountControls .dropdown-menu a {
    padding-left: 5px;
}

.clientAccountControls .dropdown-menu input {
    margin-left: 0;
}

.clientAccountControls .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
}

.edit-email-info {
    padding: 10px;
}

/* Digital Ready Front */
.dr-viewer-wrapper {
    height: 550px;
}

.preselect-facets .jstree-proton .jstree-hovered,
#facet_container .jstree-proton .jstree-hovered {
    color: inherit;
}

.preselect-facets .jstree-proton > .jstree-wholerow-ul .jstree-clicked,
#facet_container .jstree-proton > .jstree-wholerow-ul .jstree-clicked {
    background: #3392e3;
}

/*************/
.header-compact .navbar-brand {
    padding: 0 15px;
    line-height: 80px;
    height: 80px;
}

    .header-compact .navbar-brand h1 {
        font-size: 50px;
        line-height: 80px;
        color: #333333;
    }

.header-compact .portal-main-menu {
    width: 100%;
    display: table;
}

.header-compact .errorAuth {
    line-height: 14px;
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .header-compact .navbar-compact #menu-panel .navbar-collapse {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .header-compact .portal-main-menu {
        height: auto;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 45px;
        left: 0;
    }
}

@media (min-width: 768px) {
    .header-compact .connectBox {
        min-height: 80px;
        line-height: 80px;
        padding: 0;
    }

    .header-compact .btn-account {
        height: 80px;
        line-height: 80px;
        padding: 0 20px;
    }

    .header-compact .portal-main-menu li.LEVEL1 {
        width: auto;
        height: 80px;
        line-height: 80px;
        border: none;
        display: table-cell;
        float: none;
    }

        .header-compact .portal-main-menu li.LEVEL1 > a {
            height: 100%;
            line-height: 80px;
            padding: 0 20px;
            border-left: 1px solid #ABDADF;
        }
}

@media (max-width: 414px) {
    .header-compact .navbar-brand h1 {
        font-size: 38px;
    }
}

/************Rich menu*************/
@media (min-width: 768px) {

    .navbar-compact #nav-rich-menu {
    }

        .navbar-compact #nav-rich-menu li {
            width: auto;
            height: 80px;
            line-height: 80px;
            border: none;
            display: table-cell;
            float: none;
        }

            .navbar-compact #nav-rich-menu li > a {
                height: 100%;
                padding: 0 20px;
                border-left: 1px solid #ABDADF;
            }

            .navbar-compact #nav-rich-menu li .dropdown {
                line-height: initial;
            }

        .navbar-compact #nav-rich-menu .illustration {
            max-width: 120px;
            width: initial;
        }
}

@media (max-width: 767px) {
    .navbar-compact #nav-rich-menu {
        height: auto;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 45px;
        left: 0;
    }

    .mobile-actions-compact .navbar-brand {
        padding: 0 13px;
        height: initial;
        line-height: normal;
    }

        .mobile-actions-compact .navbar-brand h1 {
            font-size: 40px;
            line-height: initial;
        }

    .mobile-actions-compact .lang-dropdown-mobile {
        float: right !important;
    }

        .mobile-actions-compact .lang-dropdown-mobile .dropdown-menu {
            right: 0;
            left: auto;
        }

    .navbar-compact #nav-rich-menu .illustration {
        max-width: 90px;
    }
}

@media (max-width: 480px) {
    .mobile-actions-compact .navbar-brand {
        padding: 0;
    }
}

.ermes_form h2 {
    margin-bottom: 15px;
}

.panel-info > .panel-heading a {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.my-account-mobile .profilBox {
    left: 0;
    right: auto;
}

#mobile-actions #dropMenu2 {
    padding-right: 5px;
}

.lang-dropdown-mobile #dropChangeCulture {
    color: #333333;
    font-size: 16px;
    line-height: 1.33;
    font-weight: bold;
}

#dropChangeCulture .caret {
    border-width: 5px 5px 0;
}

.scopes-filter-label {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    margin-bottom: 0;
}

.change-site-mobile {
    left: 40%;
    position: absolute;
    z-index: 5;
}

    .change-site-mobile .caret {
        border-top-color: #333333;
    }

.dropdown-scopes-mobile {
    right: -20px !important;
    left: auto;
    text-align: left;
    top: 43px;
}

#mobile-actions .fa-2x {
    font-size: 1.6em;
}

.mobile-actions-compact .my-account-mobile {
    float: left;
    position: absolute;
    top: -2px;
    left: 45px;
}

#criteres_recherche .preselection-checkbox {
    margin: 0;
    color: #5F5B5B;
    font-size: 14px;
}

@media (max-width:767px) {
    .mobile-actions-compact .navbar-brand {
        margin-left: 25%;
    }

    .mobile-actions-compact .hamburger-mobile .navbar-toggle {
        margin-top: 0px;
    }

    .change-site-mobile.mode-compact {
        position: relative;
        top: -10px;
        margin-bottom: -15px;
    }
}

@media (max-width:680px) {
    .mobile-actions-compact .navbar-brand {
        margin-left: 18%;
    }
}

@media (max-width: 480px) {
    .mobile-actions-compact .navbar-brand {
        padding: 0 13px;
    }
}

@media (max-width:767px) {
    .hamburger-mobile .navbar-toggle {
        margin-top: 2px;
    }

    #menu-panel {
        top: 60px;
    }

    .lang-dropdown-mobile {
        padding-right: 5px;
    }

    .mobile-actions-compact .navbar-brand h1 {
        color: #333333;
    }

    .lang-dropdown-mobile .dropdown-menu {
        right: 5px;
        min-width: 38px;
        width: 38px;
    }

        .lang-dropdown-mobile .dropdown-menu a {
            padding: 3px 5px;
        }

    .lang-dropdown-mobile #dropChangeCulture {
        padding: 6px 0px;
    }
}
