/* FONTS */

@font-face {
  font-family: "Titillium";
  src: url("ressources/font/titillium-regular-webfont.woff2") format("woff2"),
    url("ressources/font/titillium-regular-webfont.woff") format("woff");
  font-display: fallback;
}

@font-face {
  font-family: "Titillium";
  src: url("ressources/font/titillium-semibold-webfont.woff2") format("woff2"),
    url("ressources/font/titillium-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-display: fallback;
}

@font-face {
  font-family: "Alegre Sans NC";
  src: url("ressources/font/Al__gre_Sans_Regular_NC.woff2") format("woff2"),
    url("ressources/font/Al__gre_Sans_Regular_NC.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: "ermes-font-update";
  src: url("ressources/font/ermes-font-update.woff2?1713517471299")
      format("woff2"),
    url("ressources/font/ermes-font-update.woff?1713517471299") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "ermes-font-addon";
  src: url("ressources/font/ermes-font-addon.woff2?82650307") format("woff2"),
    url("ressources/font/ermes-font-addon.woff?82650307") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "generatebarcode";
  src: url("ressources/font/3OF9NEW.woff2") format("woff2"),
    url("ressources/font/3OF9NEW.woff") format("woff");
  font-display: block;
}

/* Override pour ReadSpeaker suppression du z-index pour ne pas passer au dessus du menu */

div#readspeaker_button {
    z-index: inherit;
}

#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:hover,
span.breadcrumb-search-list:focus {
  color: #464646;
  text-decoration: underline;
  cursor: pointer;
}

span.breadcrumb-search-list {
  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,
.x-window-body,
.x-panel-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;
}

#BackTopCommentFrame {
  margin-bottom: 20px;
}

.portal-comment-show-all.btn.btn-default.btn-sm {
  font-size: 14px;
}

.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-secondary {
  background-color: #beb6b4;
  border-color: #beb6b4;
  color: #f2f0f1;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  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;
  }

  .basket-ui .search-icon-container i,
  .basket-ui .search-icon-container .btn-dark > i:hover,
  .basket-ui .search-icon-container .btn-primary > i:hover {
    color: inherit;
  }
}

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

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

#admin-actions [class^="glyph-"],
#admin-actions [class*=" glyph-"] {
  font-size: 16px;
  display: inline-block;
  line-height: 17px;
}

#admin-actions [class^="glyph-"]:before,
#admin-actions [class*=" glyph-"]:before {
  vertical-align: text-top;
  display: inline-block;
  margin-right: 2.8px;
}

/* 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-panel.sticky-menu-classic.navbar-fixed-top {
  border-top: 0;
}

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

#menu-panel.sticky-menu-classic.navbar-fixed-top .panel-body {
  margin-top: 0;
}

@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;
  padding: 15px;
}

.panel-front .x-panel-body {
  background: none;
}

/* Pas de marges pour les "encarts" de recherche */

.panel-front.panel-search-container {
  padding: 0;
  position: relative;
}

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

.frame .panel-front > .panel-heading .frame-tool {
  margin-top: -28px;
}

.frame .panel-front > .panel-heading .frame-tool-icon {
  margin-right: 5px;
}

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

/* encart multimedia affichage mosaiques : classes supplémentaires */

.multimedia-no-margin .mosaic-grid .mosaic-grid-item {
  margin: 0;
}

.multimedia-large-items .mosaic-grid .mosaic-grid-item {
  width: 250px;
}

/* 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 {
  margin-left: 0.2em;
  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;
}

#facet_container h3 .accordion-toggle {
  color: inherit;
  text-transform: inherit;
  font-weight: inherit;
}

.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;
  display: inline;
}

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

.template-resume {
  font-style: normal;
}

.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: #daa520;
  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:not(.search-icon-container--icon),
.modify-selection {
  padding: 0 0 0 5px;
}

ul.metadata-actions > li.ajouter_selection > a {
  padding: 0;
}

ul.metadata-actions > li > button > span,
ul.metadata-actions > li > a > span,
.memoriser > button:not(.search-icon-container--icon) > 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;
}

#notice_longue .detail-actions {
  min-height: 2em;
}

.more-actions-mobile {
  margin-top: 10px;
}

.detailStatic .more-actions-mobile {
  font-size: 16px;
}

.detail-icon-container .more-actions-mobile a > i,
.detailStatic .more-actions-mobile a > i {
  font-size: 25px;
}

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

#notice_longue_description .keep-white-space {
  white-space: pre-wrap;
}

#resultats .keep-white-space {
  white-space: pre-wrap;
}
/* 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[id^="holding-reservation-dialog"].invalid-selection {
  border-color: red !important;
}

#holding_reservation_dialog
  input[id^="holding-reservation-dialog"].invalid-selection {
  border-color: red !important;
}

#holding_reservation_dialog
  textarea[id^="holding-reservation-dialog"].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,
.pnb-quota-current {
  margin-bottom: 10px;
}

#pnb-infos {
  color: #1979ca;
}

#pnb-infos[data-title]:hover:after {
  content: attr(data-title);
  position: fixed;
  background-color: #1979ca;
  color: #fff;
  border-radius: 3px;
  padding: 10px;
  font-size: 13px;
  margin-left: 5px;
  font-family: initial;
}

.pnb-download-duration span {
  font-weight: bold;
}

.ChangePnbPreferences {
  display: none;
  margin-left: 7px;
}

.addMarginPNB {
  margin-left: 5px;
}

.pnb-displayed {
  display: block;
}

.ordered {
  list-style-type: decimal;
  margin-left: 10px;
  font-weight: bold;
}

.ordered > div {
  font-weight: normal;
  margin-bottom: 10px;
}

.ordered > div > span {
  margin-bottom: 10px;
}

#keepPreferences {
  margin-top: 10px;
}

#question-pnb {
  margin-top: 0px;
  margin-bottom: 10px;
}

#answer-row {
  display: inline-flex;
  min-width: 95%;
}

#answer-pnb {
  margin-bottom: 10px;
}

.checkbox {
  margin-top: 5px;
}

#reader-pnb {
  margin-top: 10px;
  margin-bottom: 15px;
}

.label-pnb {
  font-weight: normal;
  font-size: 15px;
  margin-left: 5px;
}

.sub-label-pnb {
  font-weight: normal;
  color: #666;
  margin-left: 15px;
}

.invisibleAttribute {
  display: none;
}

.before-answer-pnb {
  margin-bottom: 0 !important;
}

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

/** CSS Switch toggle **/

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

.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  margin-left: 10px;
}

.switch[data-disabled] {
  opacity: 0.5;
}
.switch input {
  opacity: 0;
  width: 1px;
  height: 1px;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch input:checked + .slider {
  background-color: #00adb1;
}

.switch input:focus + .slider {
  outline: 2px dotted black !important;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */

.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

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

/** CSS Switch toggle **/

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

/* 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: 0;
    top: 1em;
  }
}

@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,
#avis-pro .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,
#avis-pro li {
  background-color: transparent;
  margin: 10px 0 20px;
}

#avis_lecteurs blockquote,
#avis-pro blockquote {
  border: 0;
  padding: 0;
}

#avis_lecteurs blockquote strong,
#avis-pro blockquote strong {
  color: #5f5b5b;
  font-size: 16px;
  font-weight: bold;
}

#avis_lecteurs blockquote .rating,
#avis-pro blockquote .rating {
  color: #5f5b5b;
  font-size: 18px;
  margin-left: 10px;
}

#avis_lecteurs blockquote .rating > i,
#avis-pro blockquote .rating > i {
  margin-right: -6px;
  color: #daa520;
}

#avis_lecteurs blockquote p,
#avis_lecteurs blockquote small,
#avis-pro blockquote p,
#avis-pro 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";
}

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

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-syracuse:before,
.icon-post-open:before,
.icon-post:before,
.icon-email: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-x-twitter:before,
.icon-tumblr:before,
.icon-pinterest:before,
.icon-comment-edit:before,
.icon-cd:before,
.icon-ebook-1:before,
.icon-book-1:before,
.icon-book-2:before,
.icon-numeric: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,
.tw-icon-Physical:before,
.tw-icon-Audio:before,
.tw-icon-Video:before,
.icon-check-alt:before,
.icon-plus-alt:before,
.icon-bookmark-clear:before,
.icon-bookmark-full:before,
.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,
.icon-barcode:before,
.icon-resize-full-on-mobile:before,
.icon-building: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-pense-bete:before,
.icon-suspension:before,
.icon-univ:before,
.icon-typo-size:before,
.icon-alpha-book:before,
.icon-volume-line:before,
.icon-music-note:before,
.icon-link-1:before,
.icon-chevrons-left-right:before,
.icon-chevrons-tiret:before,
.icon-camescope:before,
.icon-pellicule:before,
.icon-texte:before,
.icon-corbeille-line:before,
.icon-oeil:before,
.icon-spin1:before,
.icon-spin2:before,
.icon-spin3:before,
.icon-spin4:before,
.icon-spin5:before,
.icon-spin6:before,
.icon-chrome:before,
.icon-opera:before,
.icon-ie:before,
.icon-crown:before,
.icon-crown-plus:before,
.icon-marquee:before,
.icon-emo-happy:before,
.icon-emo-wink:before,
.icon-emo-wink2:before,
.icon-emo-unhappy:before,
.icon-emo-sleep:before,
.icon-emo-thumbsup:before,
.icon-emo-squint:before,
.icon-emo-laugh:before,
.icon-musique:before,
.icon-recherche:before,
.icon-heart:before,
.icon-heart-empty:before,
.icon-star-half-alt:before,
.icon-camera-alt:before,
.icon-ok:before,
.icon-home:before,
.icon-lien:before,
.icon-unlink:before,
.icon-attach:before,
.icon-pin:before,
.icon-eye:before,
.icon-eye-off:before,
.icon-tag:before,
.icon-tags:before,
.icon-bookmark:before,
.icon-bookmark-empty:before,
.icon-flag:before,
.icon-flag-empty:before,
.icon-download-cloud:before,
.icon-upload-cloud:before,
.icon-reply:before,
.icon-reply-all:before,
.icon-forward:before,
.icon-quote-left:before,
.icon-quote-right:before,
.icon-code:before,
.icon-export-alt:before,
.icon-print:before,
.icon-keyboard:before,
.icon-gamepad:before,
.icon-commentaire:before,
.icon-chat:before,
.icon-comment-empty:before,
.icon-chat-empty:before,
.icon-bell-alt:before,
.icon-bell-off:before,
.icon-bell-off-empty:before,
.icon-direction:before,
.icon-diamond-1:before,
.icon-trash-empty:before,
.icon-file-word:before,
.icon-file-excel:before,
.icon-file-powerpoint:before,
.icon-phone:before,
.icon-cog-alt:before,
.icon-caddie:before,
.icon-cart-plus:before,
.icon-cart-arrow-down:before,
.icon-mic:before,
.icon-mute:before,
.icon-volume-up:before,
.icon-resize-all:before,
.icon-resize-all-alt:before,
.icon-resize-vertical:before,
.icon-resize-horizontal:before,
.icon-move:before,
.icon-down-dir:before,
.icon-left-dir:before,
.icon-right-dir:before,
.icon-down-open:before,
.icon-right-open:before,
.icon-up-open:before,
.icon-angle-left:before,
.icon-angle-right:before,
.icon-angle-down:before,
.icon-angle-circled-left:before,
.icon-angle-circled-right:before,
.icon-angle-circled-up:before,
.icon-angle-circled-down:before,
.icon-angle-double-left:before,
.icon-angle-double-right:before,
.icon-angle-double-up:before,
.icon-angle-double-down:before,
.icon-down:before,
.icon-left:before,
.icon-right:before,
.icon-up:before,
.icon-down-big:before,
.icon-left-big:before,
.icon-right-big:before,
.icon-up-big:before,
.icon-play:before,
.icon-stop:before,
.icon-pause:before,
.icon-to-end:before,
.icon-to-end-alt:before,
.icon-to-start:before,
.icon-to-start-alt:before,
.icon-fast-fw:before,
.icon-fast-bw:before,
.icon-eject:before,
.icon-signal:before,
.icon-wifi:before,
.icon-desktop:before,
.icon-umbrella:before,
.icon-paper-plane:before,
.icon-paper-plane-empty:before,
.icon-leaf:before,
.icon-toggle-off:before,
.icon-toggle-on:before,
.icon-circle:before,
.icon-circle-empty:before,
.icon-circle-thin:before,
.icon-circle-notch:before,
.icon-dot-circled:before,
.icon-fire:before,
.icon-aimant:before,
.icon-chart-pie:before,
.icon-credit-card:before,
.icon-fork:before,
.icon-bug:before,
.icon-beaker:before,
.icon-magic:before,
.icon-key:before,
.icon-euro:before,
.icon-friendfeed:before,
.icon-w3c:before,
.icon-key-1:before,
.icon-sort-alt-up:before,
.icon-sort-alt-down:before,
.icon-spinner:before,
.icon-hammer:before,
.icon-graduation-cap:before,
.icon-paw:before,
.icon-recycle:before,
.icon-database:before,
.icon-empire:before,
.icon-birthday:before,
.icon-diamond:before,
.icon-venus:before,
.icon-mars:before,
.icon-transgender:before,
.icon-connectdevelop:before,
.icon-digg:before,
.icon-forumbee:before,
.icon-dribbble:before,
.icon-linkedin-squared:before,
.icon-linux:before,
.icon-linkedin:before,
.icon-pagelines:before,
.icon-paypal:before,
.icon-renren:before,
.icon-soundcloud:before,
.icon-stackoverflow:before,
.icon-windows:before,
.icon-wordpress:before,
.icon-youtube:before,
.icon-youtube-squared:before,
.icon-link-2:before,
.icon-attach-1:before,
.icon-feather:before,
.icon-bell-1:before,
.icon-tools:before,
.icon-network:before,
.icon-brush:before,
.icon-water:before,
.icon-droplet:before,
.icon-air:before,
.icon-lifebuoy:before,
.icon-flow-cascade:before,
.icon-flow-branch:before,
.icon-flow-tree:before,
.icon-flow-line:before,
.icon-flow-parallel:before,
.icon-traffic-cone:before,
.icon-picasa:before,
.icon-minus-circle:before,
.icon-pilcrow:before,
.icon-home-3:before,
.icon-eye-1:before,
.icon-trash-1:before,
.icon-micro-off:before,
.icon-embassy:before,
.icon-garden:before,
.icon-library:before,
.icon-religious-jewish:before,
.icon-flattr:before,
.icon-android:before,
.icon-appstore:before,
.icon-blogger:before,
.icon-viadeo:before,
.icon-instapaper:before,
.icon-weibo:before,
.icon-klout:before,
.icon-linkedin-1:before,
.icon-plancast:before,
.icon-skype:before,
.icon-vimeo:before,
.icon-dropbox:before,
.icon-github:before,
.icon-github-circled:before,
.icon-wordpress-1:before,
.icon-opentable:before,
.icon-buffer:before,
.icon-login:before,
.icon-lkdto:before,
.icon-icq:before,
.icon-instagram:before,
.icon-instagram-filled:before,
.icon-group:before,
.icon-videocam:before,
.icon-photo:before,
.icon-home-1:before,
.icon-bookmark-1:before,
.icon-bookmark-empty-1:before,
.icon-flag-1:before,
.icon-print-1:before,
.icon-location:before,
.icon-braille:before,
.icon-fire-1:before {
  font-family: "ermes-font-addon";
  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-email: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-1: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-syracuse:before {
  content: "\e869";
}

/* '?' */

.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,
.icon-x-twitter:before {
  content: "\e86a";
}

/* '?' */

.icon-tumblr:before {
  content: "\e840";
}

/* '?' */

.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-check-alt:before {
  content: "\eac9";
}

.icon-plus-alt:before {
  content: "\eaca";
}

.icon-bookmark-clear:before {
  content: "\eacb";
}

.icon-bookmark-full:before {
  content: "\eacc";
}

/* '?' */

body .icon-history:before {
  content: "\f1da";
}

body .icon-sort:before {
  content: "\f0dc";
}

/* '?' */

body .icon-sort-down:before {
  content: "\f0dd";
}

/* '?' */

body .icon-sort-up:before {
  content: "\f0de";
}

body .icon-basket-puton:before {
  content: "\e962";
}

body .icon-basket-putoff:before {
  content: "\e963";
}

body .icon-faq:before {
  content: "\e964";
}

body .icon-barcode:before {
  content: "\e868";
}

/* Addons */

body .icon-pense-bete:before {
  content: "\a000";
}

body .icon-suspension:before {
  content: "\a001";
}

body .icon-univ:before {
  content: "\a002";
}

body .icon-typo-size:before {
  content: "\a003";
}

body .icon-alpha-book:before {
  content: "\a004";
}

body .icon-volume-line:before {
  content: "\a005";
}

body .icon-music-note:before {
  content: "\a006";
}

body .icon-link-1:before {
  content: "\a007";
}

body .icon-chevrons-left-right:before {
  content: "\a008";
}

body .icon-chevrons-tiret:before {
  content: "\a009";
}

body .icon-camescope:before {
  content: "\a010";
}

body .icon-pellicule:before {
  content: "\a011";
}

body .icon-texte:before {
  content: "\a012";
}

body .icon-corbeille-line:before {
  content: "\a013";
}

body .icon-oeil:before {
  content: "\a014";
}

body .icon-spin1:before {
  content: "\a015";
}

body .icon-spin2:before {
  content: "\a016";
}

body .icon-spin3:before {
  content: "\a017";
}

body .icon-spin4:before {
  content: "\a018";
}

body .icon-spin5:before {
  content: "\a019";
}

body .icon-spin6:before {
  content: "\a020";
}

body .icon-chrome:before {
  content: "\a021";
}

body .icon-opera:before {
  content: "\a022";
}

body .icon-ie:before {
  content: "\a023";
}

body .icon-crown:before {
  content: "\a024";
}

body .icon-crown-plus:before {
  content: "\a025";
}

body .icon-marquee:before {
  content: "\a026";
}

body .icon-emo-happy:before {
  content: "\a027";
}

body .icon-emo-wink:before {
  content: "\a028";
}

body .icon-emo-wink2:before {
  content: "\a029";
}

body .icon-emo-unhappy:before {
  content: "\a030";
}

body .icon-emo-sleep:before {
  content: "\a031";
}

body .icon-emo-thumbsup:before {
  content: "\a032";
}

body .icon-emo-squint:before {
  content: "\a033";
}

body .icon-emo-laugh:before {
  content: "\a034";
}

body .icon-musique:before {
  content: "\a035";
}

body .icon-recherche:before {
  content: "\a036";
}

body .icon-heart:before {
  content: "\a037";
}

body .icon-heart-empty:before {
  content: "\a038";
}

body .icon-star-half-alt:before {
  content: "\a039";
}

body .icon-camera-alt:before {
  content: "\a040";
}

body .icon-ok:before {
  content: "\a041";
}

body .icon-home:before {
  content: "\a042";
}

body .icon-lien:before {
  content: "\a043";
}

body .icon-unlink:before {
  content: "\a044";
}

body .icon-attach:before {
  content: "\a045";
}

body .icon-pin:before {
  content: "\a046";
}

body .icon-eye:before {
  content: "\a047";
}

body .icon-eye-off:before {
  content: "\a048";
}

body .icon-tag:before {
  content: "\a049";
}

body .icon-tags:before {
  content: "\a050";
}

body .icon-bookmark:before {
  content: "\a051";
}

body .icon-bookmark-empty:before {
  content: "\a052";
}

body .icon-flag:before {
  content: "\a053";
}

body .icon-flag-empty:before {
  content: "\a054";
}

body .icon-download-cloud:before {
  content: "\a055";
}

body .icon-upload-cloud:before {
  content: "\a056";
}

body .icon-reply:before {
  content: "\a057";
}

body .icon-reply-all:before {
  content: "\a058";
}

body .icon-forward:before {
  content: "\a059";
}

body .icon-quote-left:before {
  content: "\a060";
}

body .icon-quote-right:before {
  content: "\a061";
}

body .icon-code:before {
  content: "\a062";
}

body .icon-export-alt:before {
  content: "\a063";
}

body .icon-print:before {
  content: "\a064";
}

body .icon-keyboard:before {
  content: "\a065";
}

body .icon-gamepad:before {
  content: "\a066";
}

body .icon-commentaire:before {
  content: "\a067";
}

body .icon-chat:before {
  content: "\a068";
}

body .icon-comment-empty:before {
  content: "\a069";
}

body .icon-chat-empty:before {
  content: "\a070";
}

body .icon-bell-alt:before {
  content: "\a071";
}

body .icon-bell-off:before {
  content: "\a072";
}

body .icon-bell-off-empty:before {
  content: "\a073";
}

body .icon-direction:before {
  content: "\a074";
}

body .icon-diamond-1:before {
  content: "\a075";
}

body .icon-trash-empty:before {
  content: "\a076";
}

body .icon-file-word:before {
  content: "\a077";
}

body .icon-file-excel:before {
  content: "\a078";
}

body .icon-file-powerpoint:before {
  content: "\a079";
}

body .icon-phone:before {
  content: "\a080";
}

body .icon-cog-alt:before {
  content: "\a081";
}

body .icon-caddie:before {
  content: "\a082";
}

body .icon-cart-plus:before {
  content: "\a083";
}

body .icon-cart-arrow-down:before {
  content: "\a084";
}

body .icon-mic:before {
  content: "\a085";
}

body .icon-mute:before {
  content: "\a086";
}

body .icon-volume-up:before {
  content: "\a087";
}

body .icon-resize-all:before {
  content: "\a088";
}

body .icon-resize-all-alt:before {
  content: "\a089";
}

body .icon-resize-vertical:before {
  content: "\a090";
}

body .icon-resize-horizontal:before {
  content: "\a091";
}

body .icon-move:before {
  content: "\a092";
}

body .icon-down-dir:before {
  content: "\a093";
}

body .icon-left-dir:before {
  content: "\a094";
}

body .icon-right-dir:before {
  content: "\a095";
}

body .icon-down-open:before {
  content: "\a096";
}

body .icon-right-open:before {
  content: "\a097";
}

body .icon-up-open:before {
  content: "\a098";
}

body .icon-angle-left:before {
  content: "\a099";
}

body .icon-angle-right:before {
  content: "\a100";
}

body .icon-angle-down:before {
  content: "\a101";
}

body .icon-angle-circled-left:before {
  content: "\a102";
}

body .icon-angle-circled-right:before {
  content: "\a103";
}

body .icon-angle-circled-up:before {
  content: "\a104";
}

body .icon-angle-circled-down:before {
  content: "\a105";
}

body .icon-angle-double-left:before {
  content: "\a106";
}

body .icon-angle-double-right:before {
  content: "\a107";
}

body .icon-angle-double-up:before {
  content: "\a108";
}

body .icon-angle-double-down:before {
  content: "\a109";
}

body .icon-down:before {
  content: "\a110";
}

body .icon-left:before {
  content: "\a111";
}

body .icon-right:before {
  content: "\a112";
}

body .icon-up:before {
  content: "\a113";
}

body .icon-down-big:before {
  content: "\a114";
}

body .icon-left-big:before {
  content: "\a115";
}

body .icon-right-big:before {
  content: "\a116";
}

body .icon-up-big:before {
  content: "\a117";
}

body .icon-play:before {
  content: "\a118";
}

body .icon-stop:before {
  content: "\a119";
}

body .icon-pause:before {
  content: "\a120";
}

body .icon-to-end:before {
  content: "\a121";
}

body .icon-to-end-alt:before {
  content: "\a122";
}

body .icon-to-start:before {
  content: "\a123";
}

body .icon-to-start-alt:before {
  content: "\a124";
}

body .icon-fast-fw:before {
  content: "\a125";
}

body .icon-fast-bw:before {
  content: "\a126";
}

body .icon-eject:before {
  content: "\a127";
}

body .icon-signal:before {
  content: "\a128";
}

body .icon-wifi:before {
  content: "\a129";
}

body .icon-desktop:before {
  content: "\a130";
}

body .icon-umbrella:before {
  content: "\a131";
}

body .icon-paper-plane:before {
  content: "\a132";
}

body .icon-paper-plane-empty:before {
  content: "\a133";
}

body .icon-leaf:before {
  content: "\a134";
}

body .icon-toggle-off:before {
  content: "\a135";
}

body .icon-toggle-on:before {
  content: "\a136";
}

body .icon-circle:before {
  content: "\a137";
}

body .icon-circle-empty:before {
  content: "\a138";
}

body .icon-circle-thin:before {
  content: "\a139";
}

body .icon-circle-notch:before {
  content: "\a140";
}

body .icon-dot-circled:before {
  content: "\a141";
}

body .icon-fire:before {
  content: "\a142";
}

body .icon-aimant:before {
  content: "\a143";
}

body .icon-chart-pie:before {
  content: "\a144";
}

body .icon-credit-card:before {
  content: "\a145";
}

body .icon-fork:before {
  content: "\a146";
}

body .icon-bug:before {
  content: "\a147";
}

body .icon-beaker:before {
  content: "\a148";
}

body .icon-magic:before {
  content: "\a149";
}

body .icon-key:before {
  content: "\a150";
}

body .icon-euro:before {
  content: "\a151";
}

body .icon-friendfeed:before {
  content: "\a152";
}

body .icon-w3c:before {
  content: "\a153";
}

body .icon-key-1:before {
  content: "\a154";
}

body .icon-sort-alt-up:before {
  content: "\a155";
}

body .icon-sort-alt-down:before {
  content: "\a156";
}

body .icon-spinner:before {
  content: "\a157";
}

body .icon-hammer:before {
  content: "\a158";
}

body .icon-graduation-cap:before {
  content: "\a159";
}

body .icon-paw:before {
  content: "\a160";
}

body .icon-recycle:before {
  content: "\a161";
}

body .icon-database:before {
  content: "\a162";
}

body .icon-empire:before {
  content: "\a163";
}

body .icon-birthday:before {
  content: "\a164";
}

body .icon-diamond:before {
  content: "\a165";
}

body .icon-venus:before {
  content: "\a166";
}

body .icon-mars:before {
  content: "\a167";
}

body .icon-transgender:before {
  content: "\a168";
}

body .icon-connectdevelop:before {
  content: "\a169";
}

body .icon-digg:before {
  content: "\a170";
}

body .icon-forumbee:before {
  content: "\a171";
}

body .icon-dribbble:before {
  content: "\a172";
}

body .icon-linkedin-squared:before {
  content: "\a173";
}

body .icon-linux:before {
  content: "\a174";
}

body .icon-linkedin:before {
  content: "\a175";
}

body .icon-pagelines:before {
  content: "\a176";
}

body .icon-paypal:before {
  content: "\a177";
}

body .icon-renren:before {
  content: "\a178";
}

body .icon-soundcloud:before {
  content: "\a179";
}

body .icon-stackoverflow:before {
  content: "\a180";
}

body .icon-windows:before {
  content: "\a181";
}

body .icon-wordpress:before {
  content: "\a182";
}

body .icon-youtube:before {
  content: "\a183";
}

body .icon-youtube-squared:before {
  content: "\a184";
}

body .icon-link-2:before {
  content: "\a185";
}

body .icon-attach-1:before {
  content: "\a186";
}

body .icon-feather:before {
  content: "\a187";
}

body .icon-bell-1:before {
  content: "\a188";
}

body .icon-tools:before {
  content: "\a189";
}

body .icon-network:before {
  content: "\a190";
}

body .icon-brush:before {
  content: "\a191";
}

body .icon-water:before {
  content: "\a192";
}

body .icon-droplet:before {
  content: "\a193";
}

body .icon-air:before {
  content: "\a194";
}

body .icon-lifebuoy:before {
  content: "\a195";
}

body .icon-flow-cascade:before {
  content: "\a196";
}

body .icon-flow-branch:before {
  content: "\a197";
}

body .icon-flow-tree:before {
  content: "\a198";
}

body .icon-flow-line:before {
  content: "\a199";
}

body .icon-flow-parallel:before {
  content: "\a200";
}

body .icon-traffic-cone:before {
  content: "\a201";
}

body .icon-picasa:before {
  content: "\a202";
}

body .icon-minus-circle:before {
  content: "\a203";
}

body .icon-pilcrow:before {
  content: "\a204";
}

body .icon-home-3:before {
  content: "\a205";
}

body .icon-eye-1:before {
  content: "\a206";
}

body .icon-trash-1:before {
  content: "\a207";
}

body .icon-micro-off:before {
  content: "\a208";
}

body .icon-embassy:before {
  content: "\a209";
}

body .icon-garden:before {
  content: "\a210";
}

body .icon-library:before {
  content: "\a211";
}

body .icon-religious-jewish:before {
  content: "\a212";
}

body .icon-flattr:before {
  content: "\a213";
}

body .icon-android:before {
  content: "\a214";
}

body .icon-appstore:before {
  content: "\a215";
}

body .icon-blogger:before {
  content: "\a216";
}

body .icon-viadeo:before {
  content: "\a217";
}

body .icon-instapaper:before {
  content: "\a218";
}

body .icon-weibo:before {
  content: "\a219";
}

body .icon-klout:before {
  content: "\a220";
}

body .icon-linkedin-1:before {
  content: "\a221";
}

body .icon-plancast:before {
  content: "\a222";
}

body .icon-skype:before {
  content: "\a223";
}

body .icon-vimeo:before {
  content: "\a224";
}

body .icon-dropbox:before {
  content: "\a225";
}

body .icon-github:before {
  content: "\a226";
}

body .icon-github-circled:before {
  content: "\a227";
}

body .icon-wordpress-1:before {
  content: "\a228";
}

body .icon-opentable:before {
  content: "\a229";
}

body .icon-buffer:before {
  content: "\a230";
}

body .icon-login:before {
  content: "\a231";
}

body .icon-lkdto:before {
  content: "\a232";
}

body .icon-icq:before {
  content: "\a233";
}

body .icon-instagram:before {
  content: "\a234";
}

body .icon-instagram-filled:before {
  content: "\a235";
}

body .icon-group:before {
  content: "\a236";
}

body .icon-videocam:before {
  content: "\a237";
}

body .icon-photo:before {
  content: "\a238";
}

body .icon-home-1:before {
  content: "\a239";
}

body .icon-bookmark-1:before {
  content: "\a240";
}

body .icon-bookmark-empty-1:before {
  content: "\a241";
}

body .icon-flag-1:before {
  content: "\a242";
}

body .icon-print-1:before {
  content: "\a243";
}

body .icon-location:before {
  content: "\a244";
}

body .icon-braille:before {
  content: "\a245";
}

body .icon-fire-1:before {
  content: "\a246";
}

body .icon-building:before {
  content: "\f0f7";
}

/*********** 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 li.rich-item.by-click > a {
    cursor: pointer;
  }

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

  .navbar-fixed-top #nav-rich-menu .dropdown {
    max-height: 80vh;
    overflow-y: auto;
  }

  #nav-rich-menu li.rich-item.open .dropdown,
  #nav-rich-menu li.rich-item:not(.by-click):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;
  }

  #nav-rich-menu .dropdown_container:nth-child(odd) {
    clear: both;
  }
}

@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 {
    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;
  }
}

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

/*___________________________________WebFrame-Ermes-SiteMap.xslt____________________________________*/

.frame-portalsitemapwebframefactory a.active {
  text-decoration: underline;
}

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

/** 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:hover {
  color: #000;
}

div.social-network ul li a.twitter {
  background-color: #000;
}
div.social-network ul li a.twitter:hover {
  background-color: #333;
  color: white;
}

div.social-network ul li a.facebook {
  background-color: #3350ae;
}

div.social-network ul li a.tumblr {
  background-color: #3d658b;
}

div.social-network ul li a.pinterest {
  background-color: #df2828;
}

div.social-network ul li a.linkedin {
  background-color: #0e76a8;
}

div.social-network ul li a.email {
  background-color: #777;
}

div.social-network ul li a.print {
  background-color: #606060;
}

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

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

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

/** Affichage de la note sur le d�tail notice **/

#note-detail div.star {
  height: 50px;
}

#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 p {
  color: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
}

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, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 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, 0.05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 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;
}

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

.dropdown-direction-switcher {
  vertical-align: top;
}

.search-advanced-option {
  text-align: center;
}

.clientAccountControls .sort-order {
  opacity: 0.5;
}

#search-assistant-button {
  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;
  background-color: #f0f0f0;
}

.iiif-dr-viewer {
  margin-bottom: 1em;
}

/* EAD Viewer Front */

.ead-viewer-wrapper {
  height: 550px;
  position: relative;
}

.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******/

/*passer le header au dessus de la toolbar du viewer DR en mode compact*/

.navbar-fixed-top {
  z-index: 1031;
}

@media (max-width: 767px) {
  .navbar-fixed-top #nav-rich-menu {
    max-height: 70vh;
    overflow-y: auto;
  }
}

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

.navbar-compact .site-btn {
  position: absolute;
  bottom: 0px;
}

.navbar-compact .site-btn > a > span {
  color: #fff;
}

.navbar-compact .site-btn ul.dropdown-menu {
  left: inherit;
  right: inherit;
}

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

#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: 30%;
  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 .memorized-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-with-flags .dropdown-menu {
    min-width: 64px;
    width: 64px;
  }

  .lang-dropdown-mobile .dropdown-menu a {
    padding: 3px 5px;
  }

  .lang-dropdown-mobile .dropChangeCulture {
    padding: 6px 0px;
  }
}

/*___________________________________WebFrame-Ermes-DocumentFormWebFrame-Facet____________________________________*/

.frame.frame-portaldocumentformwebframefactory .selectThumbnail {
  border: 2px dotted #428bca;
  text-shadow: 0 0 #428bca;
  border: 2px solid #428bca;
  -webkit-border-radius: 47px;
  -moz-border-radius: 7px;
}

.frame.frame-portaldocumentformwebframefactory
  .dropzone
  .dz-preview:hover
  .dz-image
  img.selectThumbnail {
  border: 5px solid #428bca;
}

.frame.frame-portaldocumentformwebframefactory .thumbnailMsg {
  display: none;
  color: #428bca;
}

.dropzone .dz-preview .dz-image img.selectThumbnail {
  border: 2px solid #428bca;
  border-radius: 20px;
}

div[data-is-thumnail="true"] {
  position: relative;
  overflow: hidden;
  margin-bottom: -20px;
  z-index: 1000;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

/*___________*****************************************************************************_________________________*/

/*___________________________________MyAccount-Generation d'un code barre____________________________________*/

#barCodeModal .generateBarCode {
    font-family: "generatebarcode";
}

#barCodeModal .barCodePopup {
    font-size: 90px;
}

#barCodeModal {
    text-align: center;
    height: auto;
}

.myaccount-profile-cardreader,
.myaccount-profile-virtual-purse-link {
  padding: 10px 0 10px 0;
  text-align: center;
}

.myaccount-profile-renewsubscription,
.myaccount-profile-paysubscription {
  margin-top: 3px;
  text-align: right;
}

.myaccount-profile-virtual-purse-link .btn a,
.myaccount-profile-paysubscription .btn a,
.myaccount-profile-renewsubscription .btn a {
  color: #f2f0f1;
}

.closeAction {
  float: right;
  margin-left: -35px;
}
@media (min-width: 767px) {
    #barCodeModal .modal-dialog {
        width: 860px;
    }
}
/*Affichage en mode mobile*/

@media (max-width: 767px) {
  #barCodeModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  #barCodeModal .modal-content {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
    display: table;
  }

  #barCodeModal .modal-body {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (max-device-width: 767px) and (orientation: portrait) {
    #barCodeModal .modal-body {
    vertical-align: inherit;
    }
    #barCodeModal .modal-dialog {
        height: 920px;
    }
    #barCodeModal .barCodePopup {
        font-size: 85px;
    }
    #barCodeModal .blockWithBarCode {
        margin-bottom: 5px;
    }

  #barCodeModal .generateBarCode {
    display: -webkit-inline-box;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 126px;
  }
}
/* Petit écran */
@media (max-device-width: 560px) and (orientation: portrait) {
    #barCodeModal .barCodePopup {
        font-size: 70px;
    }

    #barCodeModal .barCodePopup-label {
        display: none;
    }

    #barCodeModal .blockWithBarCode {
        margin-bottom: 15px;
    }
}

/*___________*****************************************************************************_________________________*/

.searchForm .panel-body > .indexWrapper {
  margin-top: 20px;
}

button.capture_notice .glyphicon-share-alt {
  margin-left: -5px;
  margin-top: 5px;
}

/*___________*******************************Blog render into webframe capture**********************************************_________________________*/

.rs-blogWithCategories .card {
  background: #fff;
  padding: 14px;
  margin-bottom: 15px;
  padding: 10px;
  min-height: 300px;
  box-shadow: 0px 5px 4px 0px rgba(50, 50, 50, 0.23);
}

.rs-blogWithCategories .card:hover {
  box-shadow: 1px 1px 12px #999;
}

.rs-blogWithCategories .card p {
  font-size: 16px;
  color: #333;
}

.rs-blogWithCategories .card .auteur,
.rs-blogWithCategories .card .date {
  margin-top: 0;
}

.rs-blogWithCategories *:before,
.rs-blogWithCategories *:after {
  font-family: "fontAwesome";
  margin-right: 5px;
}

.rs-blogWithCategories .card .date,
.rs-blogWithCategories .card .auteur {
  display: inline-block;
  font-size: 12px;
}

.rs-blogWithCategories .card .auteur:after {
  content: "\|";
  margin-left: 10px;
}

.rs-blogWithCategories .card .auteur:before {
  content: "\f007";
}

.rs-blogWithCategories .card .date:before {
  content: "\f017";
  margin-left: 5px;
}

.rs-blogWithCategories .card h3 {
  font-size: 22px;
}

.rs-blogWithCategories .card .btn-primary {
  border-radius: 5px;
}

.rs-blogWithCategories .card-footer {
  position: relative;
  border-top: 1px solid #efefef;
  padding-top: 10px;
}

.rs-blogWithCategories .card-body a:hover {
  text-decoration: none;
}

.rs-blogWithCategories h3.card-title:before {
  content: "\f02e";
  font-size: 30px;
}

.rs-blogWithCategories .card .btn-primary {
  background: none;
}

.rs-blogWithCategories .blog-category.btn-primary {
  color: #00adb1;
  border: 1px solid #00adb1;
  margin: 0 5px 5px 0;
  white-space: normal;
  text-align: left;
}

.rs-blogWithCategories .blog-category.btn-primary:hover {
  color: #fff;
  background: #00adb1;
}

.rs-blogWithCategories h3.card-title {
  color: #00adb1;
}

.rs-blogWithCategories .card-body .card-text {
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

.rs-blogWithCategories .card.blog-link {
  cursor: pointer;
}

/*************************Alerts compte lecteur *******************************/

#ermes-myaccount .myaccount-menu .menu-item.Profile img {
  display: inline-block;
  text-decoration: inherit;
  width: 1.2em;
  float: right;
  margin-top: 1px;
}

.profilBox .user-alert-messages {
  color: #ff1212;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1.2em;
  height: 1.2em;
  float: right;
  text-align: center;
}

.myaccount-profile-alert i.glyphicon.glyphicon-exclamation-sign {
  width: 18px;
  color: red;
  top: 2px;
}

.myaccount-profile-entry.myaccount-profile-alert {
  margin: 5px auto;
}

/*********************End alerts compte lecteur*************************/

.button-my-account nav.navbar {
  margin-bottom: 0;
  border: none;
  z-index: 1000;
  min-height: 0;
}

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

button#download-calendar-captcha-play {
  background: none;
  border: 0;
  font-size: 16px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
}

button#download-calendar-captcha-refresh {
  background: none;
  border: 0;
  font-size: 16px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
}

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

/* Bibliothèques  */

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

.library-open {
  color: green;
}

.library-closed {
  color: red;
}

.library-dl-short dt {
  width: 20px;
  float: left;
}

.library-dl-short dd {
  margin-left: 20px;
}

/* Début - Bibliothèque - Affichage planning semaine */

.library-timetable {
  width: 100%;
}

.library-timetable tr:nth-child(2n) {
  background: #efefef;
}

.library-timetable th[scope="col"] {
  background: #00adb1;
  color: white;
  font-weight: bold;
}

.library-timetable td,
.library-timetable th {
  padding: 10px;
  text-align: left;
  font-size: 18px;
}

.library-timetable .item-typebib {
  font-weight: bold;
}

/* Fin - Bibliothèque - Affichage planning semaine */

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

/* Restricteurs de recherche (au-dessus des facettes)  */

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

.search-restictors {
  margin-top: 16px;
  padding-left: 5px;
}

.search-restictors .search-restictors-container {
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  font-weight: inherit;
  cursor: pointer;
}

.search-restictors .switch {
  flex: 0 0 auto;
}

.search-restictors-label {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 100%;
  vertical-align: bottom;
  padding-top: 5px;
}

.search-restictors-label:hover {
  filter: brightness(85%);
}

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

/* Restricteurs de recherche (au-dessus des facettes)  */

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

/* Debut - Spinner chargement en cours - Modale recherche avancee */
.cms-embedded .spinner {
  float: left;
}

.cms-embedded .panel-body h2 {
  color: grey;
  font-size: 18px;
}

/* Fin - Spinner chargement en cours - Modale recherche avancee */

/* DEBUT - Affichage compact des exemplaires en vue détail - Mode "Une entrée par site" */

/* Conteneur de sites */
div.holdings-by-site__container {
  padding: 1em 1.5em;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

div.holdings-by-site__container div.holdings-by-site__Title {
  display: flex;
}

div.holdings-by-site__container
  div.holdings-by-site__Title
  .holdings-by-site__Title__label {
  flex: auto;
}

div.holdings-by-site__container
  div.holdings-by-site__Title
  .holdings-by-site__Title__button {
  flex-shrink: 0;
}

div.holdings-by-site__container div {
  padding: 0;
}

div.holdings-by-site__container div.holdings-by-site {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

div.holdings-by-site__container div.holdings-by-site .label-holding {
  margin-left: 0.3em;
}

div.holdings-by-site__container
  div.holdings-by-site
  div.holdings-by-site__label {
  font-weight: bold;
}
/* FIN - Affichage compact des exemplaires en vue détail - Mode "Une entrée par site" */

/* tableau de fichier des sessions d'événement / formations */

.table.calendar-files {
  margin-top: 10px;
}

.table.calendar-files caption {
  font-size: 16px;
  font-weight: bold;
  color: #808080;
}

.table.calendar-files .file-glyph {
  margin-right: 10px;
}

/* DEBUT - Affichage des vignettes sur les autorités personnes */

div.APEP img.img-thumbnail {
  box-shadow: none;
  min-width: 120px;
  min-height: 30px;
  cursor: pointer;
  border: 1px solid #9fc6ff;
  padding: 1px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

/* Fin - Affichage des vignettes sur les autorités personnes */

/* DEBUT - Affichage WORK - Oeuvre */
.linkWork {
  border: 1px solid #ccc;
  padding: 8px;
  margin-top: 30px;
}

.linkWorkDetail {
  color: #428bca;
  text-decoration: underline;
}

ul.workSearch li::before {
  content: "•";
  padding-right: 8px;
}

.worklink.fas.fa-external-link-alt {
  margin-left: 5px;
}

/* Fin - Affichage WORK - Oeuvre */

#detail-notice {
  display: flex;
  gap: 1em;
}

/* Affichage side by side flex notice et bloc exemplaires/permaliens */
@media (max-width: 767px) {
  #detail-notice {
    flex-direction: column;
  }
}

#detail-notice .detail-notice-biblio {
  flex: 1 1;
  min-width: 0;
}

#detail-notice .detail-notice-addons {
  flex: 0 1 25%;
  min-width: 0;
}
/* Affichage side by side flex notice et bloc exemplaires/permaliens */

/*------------- Onglet recherche Genius par onglets --------------*/

/* Mise en forme de la barre d'onglets */
#tabbed-search-container {
  padding: 0;
}

#tabbed-search-container > ul.nav-tabs,
#tabbed-search-container > ul.nav-tabs * {
  background: none;
  border: none;
  text-transform: none;
  box-shadow: none;
}

#tabbed-search-container > ul.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#tabbed-search-container > div.tab-content {
  background: none;
  padding: 0.5em 1em;
}

#tabbed-search-container > ul.genius-search-nav-tabs {
  margin-top: 0 !important;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 5em;
  background-image: url(../../../default/svg/genius-full.svg);
}

/* Souligné sous onglet actif */
#tabbed-search-container > ul.nav-tabs > li.active > a {
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

/* Hauteur minimale assistant de recherche */
#tabbed-search-container .genius-search-nav-tabs-assistant {
  min-height: 15em;
}

/* Gestion du cas par défaut (assistant non proposé) */
#tabbed-search-container.no-assistant,
#tabbed-search-container.no-assistant > div.tab-content {
  background: none;
  border: none;
  padding: 0;
  box-shadow: none;
}

#tabbed-search-container.no-assistant ul.genius-search-nav-tabs {
  display: none;
}

#tabbed-search-container.no-assistant .genius-search-nav-tabs-container {
  padding: 0;
  background: none;
}

#tabbed-search-container.no-assistant .genius-search-nav-tabs-assistant {
  display: none;
}

#tabbed-search-container.no-assistant .genius-search-nav-tabs-search {
  display: block;
}

/* Suppression du padding sur les mobiles */
@media (max-width: 768px) {
  .genius-search-nav-tabs-container {
    padding: 0;
  }
  #tabbed-search-container > div.tab-content {
    padding: 0;
  }
  #tabbed-search-container > ul.nav-tabs > li > a {
    padding: 0.2em 1em;
  }
}
/*------------- Onglet recherche Genius par onglets --------------*/

/*--------------- switch genius ------------------*/
.switch.criteres_recherche_semantic_switch .slider.round:before {
    background-image: url(../../../default/svg/genius-favicon.svg);
}
}
/*--------------- /end switch genius -------------*/

/*--------------- genius chat agent ------------------*/
.chat-button {
    background-image: url(../../../default/svg/genius-favicon.svg);
}

.chat-agent-toolbar_spacer {
    background-image: url(../../../default/svg/genius-full.svg);
}
/*--------------- /end genius chat agent -------------*/

#options_resultat:not(:has(.panel-group)) {
  display: none;
}

/*----------------- user account ------------------*/
.user-account-placeholder {
    background-image: url('../../../default/portal/front/images/user-account/placeholder.png');
}

.user-account-placeholder-image--error {
    background-image: url('../../../default/portal/front/images/user-account/placeholder-error.svg');
}

.user-account-placeholder-image--forbidden {
    background-image: url('../../../default/portal/front/images/user-account/placeholder-forbidden.svg');
}

.user-account-documents--empty {
    background-image: url('../../../default/portal/front/images/user-account/documents/empty.svg');
}

.user-account-calendar-container .no-event-container-cultural {
    background-image: url('../../../default/images/calendar/no-cultural-event-registration.png');
}

.user-account-calendar-container .no-event-container-training {
    background-image: url('../../../default/images/calendar/no-training-event-registration.png');
}
/*--------------- /end user account ---------------*/

/*--------------- digital ready viewer ---------------*/
.display-mosaic_root .display-mosaic_cell .cell-thumbnail.background {
    background-image: url('../../../default/ils/images/digitalCollection/notfound_LARGE.png');
}

.swiper-slide.cover-fallback {
    background-image: url('../../../default/ils/images/digitalCollection/notfound_MEDIUM.png');
}
/*--------------- /end digital ready viewer ----------*/

/*--------------- ead viewer ---------------*/
.html-content .dao-image {
    background-image: url('../../../default/ils/images/digitalCollection/notfound_MEDIUM.png');
}
/*--------------- /end ead viewer ----------*/