@charset "utf-8";
/* CSS Document skinREOFTest*/
@import url(../standard/portal/front/style.css);
@import url(../standard/portal/front/modeles.css);
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap');

 /******************Fonts****************/

.bs-example.modele_2 h3 {
 font-size:20px;
 color:#fff;
 padding:6px 8px
}
.bs-example .btn.btn-default,
.bs-example.modele_2 .btn.btn-default {
 padding:2px 6px;
 font-size:12px
}
.bs-example.modele_2 p .btn {
 text-align:center
}
.bs-example .frontpage li {
 width:50%;
 color:#fff;
 font-size:18px;
 text-transform:uppercase
}
.bs-example .frontpage a {
 display:block;
 color:#fff;
 font-weight:700
}
.bs-example .frontpage .glyphicon {
 font-size:3em;
 color:#fff
}
.bs-example .panel.panel-default:nth-child(1) .panel-heading {
 background:#77023f;
 color:#fff
}
.bs-example .panel.panel-default:nth-child(2) .panel-heading {
 background:#f37c21;
 color:#fff
}
.bs-example .panel.panel-default:nth-child(3) .panel-heading {
 background:#a2b72a;
 color:#fff
}
.bs-example .bs-example-tabs .tab-pane {
 padding:10px;
 border:1px solid #ddd;
 border-top:none
}
.bs-example .bs-example-tabs .tab-pane h3 {
 margin:0;
 padding:10px 0
}
.bs-example .bs-example-tabs .nav-tabs {
 margin:0
}
.bs-example .bs-example-tabs ul li {
 list-style:square
}
.bs-example .bs-example-tabs ul li ul li {
 list-style:disc
}
.bs-example .the-icons li {
 width:33.3333%
}
.bs-example .the-icons {
 padding:0 0 0 5px
}
.bs-example .the-icons li a {
 background:#eaeaea;
 border-radius:6px;
 display:block;
 font-size:18px;
 margin:0 10px 10px 0;
 padding:8px
}
.bs-example .the-icons .glyphicon {
 font-size:22px
}
@media (max-width:768px) {
 .bs-example .frontpage li {
  font-size:16px
 }
 .bs-example .frontpage .glyphicon {
  font-size:2.3em
 }
 .bs-example .the-icons li a {
  font-size:14px
 }
 .bs-example .the-icons .glyphicon {
  font-size:18px
 }
}
@media (max-width :480px) {
 .bs-example .the-icons .glyphicon {
  font-size:40px
 }
 .bs-example .the-icons li a {
  font-size:12px;
  margin:0 6px 6px 0;
  text-align:center
 }
 .bs-example .the-icons li a .glyphicon-class {
  display:none
 }
}
.bs-example .bs-glyphicons {
 padding-left:0;
 padding-bottom:1px;
 margin-bottom:20px;
 list-style:none;
 overflow:hidden
}
.bs-example .bs-glyphicons li {
 float:left;
 width:25%;
 height:115px;
 padding:10px;
 margin:0 -1px -1px 0;
 font-size:12px;
 line-height:1.4;
 text-align:center;
 border:1px solid #ddd
}
.bs-example .bs-glyphicons .glyphicon {
 margin-top:5px;
 margin-bottom:10px;
 font-size:24px
}
.bs-example .bs-glyphicons .glyphicon-class {
 display:block;
 text-align:center;
 word-wrap:break-word
}
.bs-example .bs-glyphicons li:hover {
 background-color:rgba(86,61,124,.1)
}
@media (min-width:768px) {
 .bs-example .bs-glyphicons li {
  width:12.5%
 }
}
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 span:focus,
span.breadcrumb-search-list span:hover {
 color:#464646;
 text-decoration:underline;
 cursor:pointer
}
span.breadcrumb-search-list span {
 color:#5f5b5b;
 text-decoration:none
}
.notification-danger h4 {
 color:#b94a48
}
.notification-danger .modal-body {
 color:#b94a48;
 font-size:15px
}
#share_social_frame li {
 float:left
}
#share_social_frame {
 list-style-type:none;
 display:inline;
 padding:0 .5em
}
body {
 background-color:#e6e4e5
}

.panel-front>.x-panel-header span {
 color:#dd4652;
 font-size:24px;
 font-weight:700
}
a {
 color:#5f5b5b;
 text-decoration:none
}
a:focus,
a:hover {
 color:#464646
}
header {
 background-color:#dd4652
}
@media (min-width:768px) {
 header {
  border-top:10px solid #ad565e;
  margin-bottom:0;
  padding:0
 }
}
@media (max-width:767px) {
 .navbar-compact .compact-account,
 .navbar-compact .navbar-container {
  display:none
 }
}
.navbar {
 z-index:1
}
.navbar-inverse .navbar-toggle {
 background-color:transparent;
 border-color:transparent
}
.navbar-toggle .icon-bar {
 height:4px;
 width:25px
}
.container-header {
 position:relative
}
.navbar-inverse {
 background-color:transparent;
 border-radius:0;
 border-width:0;
 margin-bottom:0
}
.navbar-inverse .navbar-brand {
 color:#f2f0f1;
 padding:10px 15px
}
@media (max-width:767px) {
 .navbar-inverse .navbar-brand {
  padding:10px 5px
 }
}
.btn {
 border-radius:0
}
.btn-confirm-bootbox {
 margin-right:5px
}
.btn-info {
 background-color:#72c0e8;
 border-color:#72c0e8;
 color:#f2f0f1
}
.btn.tarzan {
 margin:2px
}
.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.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.active,
.btn-validation:active,
.btn-validation:focus,
.btn-validation:hover,
.open .dropdown-toggle.btn-validation {
 background-color:#eeeced;
 border-color:#e6e4e5;
 color:#ad565e
}
.btn-basket {
 background-color:#dd4652;
 border-color:#dd4652;
 color:#f2f0f1
}
.btn-basket.active,
.btn-basket.disabled,
.btn-basket:active,
.btn-basket:focus,
.btn-basket:hover,
.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:#dd4652;
 border-color:#dd4652;
 color:#f2f0f1
}
.btn-action.active,
.btn-action.disabled,
.btn-action:active,
.btn-action:focus,
.btn-action:hover,
.btn-action[disabled] {
 background-color:#67ac9e;
 border-color:#5e9c90;
 color:#f2f0f1
}
.btn-dark {
 background-color:#8e8888;
 border-color:#8e8888;
 color:#f2f0f1
}
.btn-dark.active,
.btn-dark.disabled,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.btn-dark[disabled] {
 background-color:grey;
 border-color:#767476;
 color:#f2f0f1
}
.btn-group.open .dropdown-toggle,
.btn.active,
.btn:active {
 box-shadow:none
}
.btn-account .caret,
.btn-basket .caret,
.btn-default .caret {
 border-top-color:#f2f0f1
}
.search-icon-container .btn-primary {
 background-color:#428bca;
 border-color:#357ebd
}
@media (max-width:979px) {
 .search-icon-container .btn-dark>i:hover,
 .search-icon-container .btn-primary>i:hover,
 .search-icon-container i {
  color:#fff
 }
}
.navbar-nav {
 margin:0
}
#nav_connexe {
 padding:0 0 10px
}
#identite_utilisateur {
 color:#f2f0f1;
 font-size:16px;
 font-style:normal
}
@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.active,
.btn-account:active,
.btn-account:focus,
.btn-account:hover,
.open .dropdown-toggle.btn-account {
 color:#f2f0f1
}
#mobile-actions .btn-account,
#mobile-actions .btn-account.active,
#mobile-actions .btn-account:active,
#mobile-actions .btn-account:focus,
#mobile-actions .btn-account:hover,
#mobile-actions .open .dropdown-toggle.btn-account {
 color:#ccc;
}
@media (min-width:768px) {
 .btn-account {
  background-color:#ad565e;
  padding-top:4px;
  text-transform:uppercase
 }
}
.btn-account .glyphicon-user {
 font-size:20px
}
.connectBox {
 background-color:#ad565e;
 display:none
}
.connectBox label {
 font-weight:400
}
.connectBox .form-control {
 background-color:#f2f0f1;
 border:0 none;
 border-radius:0;
 box-shadow:none;
 color:#5f5b5b;
 font-size:16px
}
.connectBox .form-control:focus {
 border:0;
 box-shadow:none
}
@media (min-width:768px) {
 .connectBox {
  padding-bottom:10px;
  padding-top:10px;
  position:absolute;
  top:0;
  width:100%;
  z-index:25
 }
}
@media (max-width:767px) {
 #authentification {
  padding-top:15px
 }
}
@media (min-width:768px) {
 #authentification .form-group {
  color:#f2f0f1;
  font-size:16px;
  margin-right:10px
 }
}
.errorAuth {
 margin:3px 0 0 0;
 color:#f2f0f1
}
@media (min-width:768px) {
 .register_user_link,
 .register_user_link:hover {
  color:#f2f0f1
 }
}
.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:#dd4652;
 color:#fff
}
#globalScenarioMobile {
 background-color:#dd4652;
 border:0;
 margin-top:0
}
#globalScenarioMobile .active,
#globalScenarioMobile .active:focus,
#globalScenarioMobile .active:hover {
 background-color:#dd4652;
 color:#f2f0f1
}
#globalScenarioMobile>li>a {
 color:#f2f0f1
}
#globalScenarioMobile>li>a:focus,
#globalScenarioMobile>li>a:hover {
 background-color:#f2f0f1;
 color:#dd4652
}
#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:#dd4652;
 height:50px
}
.clean-text-field {
 font-size:18px
}
.clean-text-field:hover {
 color:#dd4652
}
.input-group-btn>.btn:hover {
 z-index:0
}
#globalAdvancedSearchLink {
 font-size:15px;
 margin-top:4px;
 text-decoration:none;
 text-transform:lowercase
}
#admin-actions,
#mobile-actions {
 background-color:#2c2c2c;
 padding:0;
 width:100%;
 box-shadow:0 4px 12px rgba(0,0,0,.5);
 -webkit-box-shadow:0 4px 12px rgba(0,0,0,.5);
 -moz-box-shadow:0 4px 12px rgba(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-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
}
.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
 }
}
.img-thumbnail {
 border:0;
 border-radius:0;
 padding:0
}
img.ermes-thumb {
 background-size:100%
}
.panel-front,
.panel-front>.panel-body,
.panel-front>.panel-footer,
.panel-front>.panel-heading,
.panel-layout,
.panel-layout>.panel-body,
.panel-layout>.panel-footer,
.panel-layout>.panel-heading,
.panel-selection,
.panel-selection>.panel-body,
.panel-selection>.panel-footer,
.panel-selection>.panel-heading {
 border:medium none;
 border-radius:0;
 box-shadow:none
}
.panel-front,
.panel-front>.panel-body,
.panel-front>.panel-footer,
.panel-front>.panel-heading,
.panel-layout,
.panel-layout>.panel-body,
.panel-layout>.panel-footer,
.panel-layout>.panel-heading {
 padding:0
}
.panel-layout {
 background:0 0
}
.panel-selection {
 padding:10px
}
.panel-body,
.panel-footer,
.panel-heading {
 background:0 0
}
.panel-front>.x-panel-header {
 box-shadow:none;
 border:none;
 background:0 0
}
.panel-front.panel-search-container {
 padding:0
}
.panel-front.panel-search-container .panel-heading {
 padding:30px
}
.panel-layout>.panel-body {
 padding:10px;
 position:relative
}
#facet_container>.panel-group {
 margin-bottom:0
}
#facet_container .panel-heading {
 padding:30px 10px 5px 20px
}
#facet_container .nav>li.disabled>a:hover {
 cursor:pointer
}
.facet-search-icon::before {
 content:'\e808';
 font-family:ermes-font-update;
 color:#888;
 position:relative
}
.panel-front {
 margin-bottom:10px
}
.searchContainer .panel-layout {
 margin-bottom:5px
}
.frame .panel-default {
 background-color:#f2f0f1
}
.searchForm .panel-body {
 margin-top:15px
}
.searchForm .addRow {
 cursor:pointer
}
#portal .panel-body {
 padding-top:15px
}
#resultats_recherche .panel-body {
 padding:15px 0
}
.panel-primary {
 border-color:grey
}
.ajax-loader-big {
 color:grey
}
.panel-front>.x-panel-header,
.panel-title,
.panel>.panel-heading h2 {
 text-transform:uppercase
}
.carousel,
.carousel .rsOverflow,
.carousel .rsSlide {
 background:none repeat scroll 0 0 #f2f0f1
}
#multi_selection,
#multi_selection_simple {
 bottom:20px;
 right:20px
}
#multi_selection .panel,
#multi_selection_simple .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 .bouton_detail,
#multi_selection_simple .bouton_detail {
 color:#dd4652
}
#multi_selection a.removeItem,
#multi_selection button.removeItem {
 color:#dd4652
}
#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:0 0;
 border-radius:0;
 box-shadow:none;
 padding:0
}
#resultats .select {
 width:40px
}
#resultats .select input[type=checkbox],
.ajouter_selection input[type=checkbox] {
 float:none;
 height:100%;
 margin:0 12px;
 position:relative;
 vertical-align:middle;
 width:16px
}
.searchContainer p {
 font-size:14px
}
.modal p.help {
 font-style:italic;
 margin-top:0
}
.search-icon-container .search-icon-container--icon {
 color:#4b494a;
 font-size:20px;
 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:0 0;
 padding:0
}
.accordion-toggle.btn-link-like {
 width:100%;
 text-align:left
}
.criteres_tri {
 background-color:transparent;
 border:0;
 padding:0
}
.criteres_tri label.label-tri {
 color:#5f5b5b;
 margin:5px;
 font-size:14px;
 font-weight:400;
 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,
#description_resultats_pendingActiveClients,
.intro,
.navigation-page {
 padding:0 15px 0 30px
}
.btn-group.pageSize-container button {
 color:#dd4652;
 font-size:14px;
 font-weight:400;
 background:0 0;
 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:#dd4652;
 padding:0 0 0 5px
}
#criteres_recherche p,
#description_resultats,
#description_resultats_pendingActiveClients,
.taille_page {
 color:#dd4652;
 font-size:14px;
 font-weight:400
}
.additional-infos {
 color:#beb6b4;
 font-size:14px
}
.pagination>li>a,
.pagination>li>span {
 background-color:transparent;
 border:none;
 border-bottom:5px solid #beb6b4;
 color:#beb6b4;
 font-size:16px;
 margin:0 4px
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
 background-color:transparent;
 border:none;
 border-bottom:5px solid #dd4652;
 color:#dd4652
}
.pagination .precedent,
.pagination .suivant,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
 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
}
#historicToBasketSelected,
#lateLoansSelected,
#loansSelected,
#reservationsDispoSelected,
#reservationsSelected,
.renew-loans-cant {
 margin-left:45px
}
.historicHeader {
 margin-bottom:20px
}
li.renew-all-loans a,
li.renew-loan a {
 height:24px
}
#FilterLoansReservations,
#SortInscriptionsAgenda,
#SortLoansReservations {
 height:25px;
 font-size:13px;
 top:-2px;
 padding-top:1px
}
#FilterLoansReservations .icon-arrow-bottom,
#SortInscriptionsAgenda .icon-arrow-bottom,
#SortLoansReservations .icon-arrow-bottom {
 margin-left:5px
}
.sort-order .myaccount {
 white-space:nowrap
}
.labelToSort {
 font-size:14px;
 margin-left:20px;
 color:#5f5b5b;
 font-weight:400;
 margin-right:2px
}
.myloans {
 font-family:ermes-font-base;
 font-style:normal;
 margin-right:.3em
}
.icon-folder-open {
 margin-right:.2em
}
.icon-calendar {
 margin-right:.1em
}
.renew-loans-cant {
 color:red
}
.basket-all-notices button,
.cancel-all-reservations button,
.renew-all-loans button {
 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:#aaa;
 width:40px;
 height:40px
}
.select-all {
 background-color:#aaa;
 width:40px;
 height:40px
}
.historic-result,
.loan-result,
.reservation-result {
 color:red
}
.historicHeader {
 color:grey
}
#cancelMultipleResa span.glyph-blocked,
#renewMultipleLateLoans span.glyph-clock,
li.cancel-reservation span.glyph-blocked,
li.renew-loan span.glyph-clock {
 line-height:1.5
}
.selectNotice {
 background-color:#abdadf;
 height:100%;
 width:27px;
 position:absolute;
 padding:0;
 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:0!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:#dd4652;
 -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:700
}
.template-resume {
 font-style:normal
}
.notice_corps .template-blog-info {
 font-size:12px;
 margin-top:10px!important
}
.notice_corps .template-blog-creator,
.notice_corps .template-blog-date {
 font-weight:700
}
.notice-actions {
 padding:20px 10px 10px
}
.notice_avis {
 margin-bottom:10px;
 margin-top:0;
 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 #dd4652;
 word-wrap:break-word
}
#metaNotice p {
 color:#333
}
#metaNotice .contentMetaNotice {
 color:grey;
 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:grey
}
#metaNotice h3 {
 padding-top:7px;
 padding-bottom:7px
}
#metaNotice .blockMetaNotice {
 margin-left:10px;
 margin-right:10px;
 padding-bottom:20px
}
.summaryMetaNotice {
 padding-top:10px;
 padding-bottom:30px
}
.summaryMetaNotice h2 {
 padding-bottom:10px
}
#notice_longue .notice_avis {
 margin-top:5px
}
.notice_avis>i {
 color:#5f5b5b;
 font-size:16px;
 margin-right:-6px
}
#notice_longue .notice_avis>i.icon-spin {
 font-size:13px;
 margin-right:0
}
.bold {
 font-weight:700
}
#notice_longue .notice_avis .avis {
 display:block
}
#document_actions .metadata-actions li,
#notice_longue .metadata-actions li,
#resultats ul.metadata-actions li {
 padding:0
}
.memoriser>button,
.modify-selection,
ul.metadata-actions>li>a,
ul.metadata-actions>li>button {
 padding:0 0 0 5px
}
ul.metadata-actions>li button.btn-basket {
 padding:0
}
ul.metadata-actions>li.ajouter_selection>a {
 padding:0
}
.memoriser>button>span,
.modify-selection>span,
ul.metadata-actions>li>a>span,
ul.metadata-actions>li>button>span {
 font-size:26px
}
li.ajouter_selection {
 background-color:#8e8888;
 cursor:pointer
}
li.ajouter_selection input[type=checkbox] {
 height:40px;
 cursor:pointer
}
.more-actions {
 font-size:25px;
 margin-top:-15px;
 position:absolute;
 right:25px
}
.more-actions-mobile {
 margin-top:10px
}
.detail-icon-container .more-actions-mobile a>i {
 font-size:25px
}
#notice_longue .edit-event-details>a,
#notice_longue .memoriser>.dropdown-menu,
#notice_longue .memoriser>button {
 float:right
}
.memoriser .dropdown-toggle {
 border-top:1px solid #b04f5b;
 height:20px;
 padding-left:0
}
#notice_longue_description {
 margin-bottom:15px
}
#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-full,
#facet_container .icon-resize-small {
 font-size:24px
}
.facet-collapse {
 border:0
}
.facetList .badge {
 background-color:transparent;
 color:#dd4652;
 padding:3px 0
}
@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 td,
.detail-holdings-class [class|=detail-holds] thead th,
.detail-subscriptions thead td,
.detail-subscriptions thead th {
 background-color:#3d7a99;
 color:#f2f0f1;
 font-weight:700
}
.detail-holdings-class tr {
 background-color:#f7f7f7
}
.detail-holdings-class tr:nth-child(even) {
 background-color:#e6e4e5
}
.detail-holdings-class tr:nth-child(odd) {
 background-color:#f7f7f7
}
.panel.panel-holding {
 background-color:#f7f7f7;
 border:0 none
}
.holdings-displaymode {
 padding:20px
}
.holdings-displaymode a {
 font-weight:700;
 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-current,
.pnb-quota-max {
 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:700
}
.ChangePnbPreferences {
 display:none;
 margin-left:7px
}
.addMarginPNB {
 margin-left:5px
}
.pnb-displayed {
 display:block
}
.ordered {
 list-style-type:decimal;
 margin-left:10px;
 font-weight:700
}
.ordered>div {
 font-weight:400;
 margin-bottom:10px
}
.ordered>div>span {
 margin-bottom:10px
}
#keepPreferences {
 margin-top:10px
}
#question-pnb {
 margin-top:0;
 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:400;
 font-size:15px;
 margin-left:5px
}
.sub-label-pnb {
 font-weight:400;
 color:#666;
 margin-left:15px
}
.invisibleAttribute {
 display:none
}
.before-answer-pnb {
 margin-bottom:0!important
}
.switch {
 position:relative;
 display:inline-block;
 width:42px;
 height:24px;
 margin-left:10px
}
.switch input {
 opacity:0;
 width:0;
 height:0
}
.switch .slider {
 position:absolute;
 cursor:pointer;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:#ccc;
 -webkit-transition:.4s;
 transition:.4s
}
.switch .slider:before {
 position:absolute;
 content:"";
 height:16px;
 width:16px;
 left:5px;
 bottom:4px;
 background-color:#fff;
 -webkit-transition:.4s;
 transition:.4s
}
.switch input:checked+.slider {
 background-color:#00adb1
}
.switch input:focus+.slider {
 box-shadow:0 0 1px #00adb1
}
.switch input:checked+.slider:before {
 -webkit-transform:translateX(16px);
 -ms-transform:translateX(16px);
 transform:translateX(16px)
}
.switch .slider.round {
 border-radius:34px
}
.switch .slider.round:before {
 border-radius:50%
}
.detail-icon-container {
 color:#5f5b5b;
 font-size:16px;
 font-weight:700;
 margin-bottom:15px;
 margin-left:-10px;
 margin-top:-20px
}
@media (max-width:767px) {
 .detail-icon-container {
  margin-bottom:15px
 }
}
.detail-icon-container a {
 text-decoration:none
}
.detail-icon-container a>span,
.detail-icon-container button>span {
 color:#5f5b5b;
 font-size:40px
}
.detail-icon-container>.position {
 vertical-align:super
}
#resultats_detail .vignette_container {
 margin:0 40px 0 0
}
#resultats_detail .vignette_document {
 margin:0 0 5px 0
}
#notice_longue_description>p {
 color:#5f5b5b;
 font-size:16px
}
#notice_longue_description>p>[class*=" icon-"],
#notice_longue_description>p>[class^=icon-] {
 font-size:28px
}
#notice_longue h3 {
 font-size:18px
}
#notice_longue h4 {
 font-size:16px
}
#notice_longue>.panel>.panel-body {
 padding:15px 42px 15px 35px
}
@media (min-width:768px) {
 #notice_longue .metadata-actions {
  position:absolute;
  right:-42px;
  top:-15px
 }
}
@media (max-width:767px) {
 #notice_longue>.panel>.panel-body {
  padding:15px 5px
 }
 #resultats_detail .vignette_container {
  margin:0 20px 0 0
 }
 #notice_longue #document_actions {
  margin-top:10px
 }
 #notice_longue .metadata-actions>li {
  float:left
 }
 .panel-front {
  padding:15px 5px
 }
}
.nav.nav-tabs {
 margin-top:25px
}
.nav-tabs>li {
 background-color:#e6e4e5
}
.nav-tabs>li>a {
 color:#4b494a;
 font-size:16px;
 font-weight:700;
 margin-right:0;
 padding:10px 30px;
 text-transform:uppercase
}
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
 background-color:#beb6b4;
 border-color:#beb6b4;
 border-radius:0
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
 background-color:#f7f7f7;
 border-color:#f7f7f7;
 border-radius:0;
 color:#4b494a
}
.tab-content {
 background-color:#f7f7f7;
 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:#dd4652;
 font-size:20px;
 font-weight:700;
 margin:20px 0 10px
}
#avis_lecteurs .donner_avis {
 font-size:16px;
 text-decoration:none
}
.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsThumbs,
.rsDefaultInv .rsVideoFrameHolder {
 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(../standard/portal/front/ressources/images/arrow-right.png) no-repeat scroll 0 0 rgba(0,0,0,0)
}
.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
 background:url(../standard/portal/front/ressources/images/arrow-left.png) no-repeat scroll 0 0 rgba(0,0,0,0)
}
#avis_lecteurs li {
 background-color:transparent;
 margin:10px 0 20px
}
#avis_lecteurs blockquote {
 border:0;
 padding:0
}
#avis_lecteurs blockquote strong {
 color:#5f5b5b;
 font-size:16px;
 font-weight:700
}
#avis_lecteurs blockquote .rating {
 color:#5f5b5b;
 font-size:18px;
 margin-left:10px
}
#avis_lecteurs blockquote .rating>i {
 margin-right:-6px
}
#avis_lecteurs blockquote p,
#avis_lecteurs blockquote small {
 color:#5f5b5b
}
#display-all-comments {
 cursor:pointer;
 font-size:16px;
 font-weight:700;
 text-transform:uppercase
}
#ermes-myaccount .myaccount-menu .menu-item.Profile i:before {
 content:"\e802"
}
#ermes-myaccount .myaccount-menu .menu-item.Contributions i:before {
 content:"\e80d"
}
#ermes-myaccount .myaccount-menu .menu-item.Subscriptions i:before {
 content:"\e836"
}
#ermes-myaccount .myaccount-menu .menu-item.NewsLetters i:before {
 content:"\e803"
}
#ermes-myaccount .myaccount-menu .menu-item.Loans i:before {
 content:"\e81a"
}
#ermes-myaccount .myaccount-menu .menu-item.Messages i:before {
 content:"\e805"
}
#ermes-myaccount .myaccount-menu .menu-item.Activity i:before {
 content:"\e839"
}
#ermes-myaccount .myaccount-menu .menu-item.ErmesGP i:before {
 content:"\e84e"
}
#ermes-myaccount .myaccount-menu .menu-item.AgendaRegistrations i:before {
 content:"\e822"
}
#ermes-myaccount .myaccount-menu .menu-item.PnbLoans i:before {
 content:"\e81d"
}
#ermes-myaccount .myaccount-menu .menu-item.MemorySearch i:before {
 content:"\e808"
}
#ermes-myaccount .myaccount-menu .menu-item.SocialNetwork i:before {
 content:"\e868"
}
footer [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:0 0
}
footer .nav-tabs>li.active [class^=icon-] {
 color:#72c0e8
}
footer .nav-tabs>li.active>a,
footer .nav-tabs>li.active>a:focus,
footer .nav-tabs>li.active>a:hover,
footer .nav-tabs>li>a:focus,
footer .nav-tabs>li>a:hover {
 background:0 0;
 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:0 0
}
footer h1 {
 color:#fff
}
footer p {
 color:#ad565e;
 font-size:16px
}
footer a,
footer a:focus,
footer a:hover {
 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:after,
.footer-category:before {
 content:" ";
 display:table
}
.label-ermes {
 color:#f2f0f1;
 font-family:"Alegre Sans NC";
 font-size:25px;
 text-transform:uppercase
}
.label-date {
 background-color:transparent;
 border:none;
 display:inline
}
.sagscroller {
 height:200px
}
.Ermes-SiteMap h3 {
 margin-bottom:15px
}
#ermes-myaccount .myaccount-menu .menu-item:not(.Loans) i:before,
.icon-acrobat:before,
.icon-application:before,
.icon-arrow-bottom:before,
.icon-arrow-right:before,
.icon-art:before,
.icon-asc:before,
.icon-asterisk:before,
.icon-audiobook:before,
.icon-author:before,
.icon-barcode:before,
.icon-basket-empty:before,
.icon-basket-putoff:before,
.icon-basket-puton:before,
.icon-basket:before,
.icon-bell:before,
.icon-book-1:before,
.icon-book-2:before,
.icon-book:before,
.icon-building:before,
.icon-calendar:before,
.icon-capture:before,
.icon-cd:before,
.icon-check:before,
.icon-chevron-left:before,
.icon-chevron-right:before,
.icon-cinema:before,
.icon-cog:before,
.icon-comment-edit:before,
.icon-comment:before,
.icon-compass:before,
.icon-desc:before,
.icon-diaries:before,
.icon-digitalmagazine:before,
.icon-document:before,
.icon-download-1:before,
.icon-download:before,
.icon-ebook-1:before,
.icon-ebook:before,
.icon-editions:before,
.icon-exit:before,
.icon-export-1:before,
.icon-export:before,
.icon-exposition:before,
.icon-eye-open:before,
.icon-facebook:before,
.icon-faq:before,
.icon-fascicle:before,
.icon-file-audio:before,
.icon-floppy:before,
.icon-fold:before,
.icon-folder-close:before,
.icon-game:before,
.icon-history:before,
.icon-info:before,
.icon-laptop:before,
.icon-link:before,
.icon-list:before,
.icon-listen:before,
.icon-lock:before,
.icon-magazine:before,
.icon-magnet:before,
.icon-manuscript:before,
.icon-map:before,
.icon-megaphone:before,
.icon-menu:before,
.icon-minus:before,
.icon-music:before,
.icon-new:before,
.icon-numeric:before,
.icon-off:before,
.icon-other-book:before,
.icon-pencil:before,
.icon-picture:before,
.icon-pinterest:before,
.icon-plans:before,
.icon-plus:before,
.icon-post-open:before,
.icon-post:before,
.icon-publisher:before,
.icon-puzzle:before,
.icon-registrations:before,
.icon-remove:before,
.icon-resize-full-on-mobile:before,
.icon-resize-full:before,
.icon-resize-small:before,
.icon-return:before,
.icon-rss:before,
.icon-search:before,
.icon-share-squared:before,
.icon-share:before,
.icon-site:before,
.icon-sort-down:before,
.icon-sort-up:before,
.icon-sort:before,
.icon-spin:before,
.icon-spread:before,
.icon-star-empty:before,
.icon-star:before,
.icon-study:before,
.icon-subscriptions:before,
.icon-suggest-author:before,
.icon-suggest-title:before,
.icon-syracuse:before,
.icon-tablet:before,
.icon-time:before,
.icon-toy:before,
.icon-trash:before,
.icon-tumblr:before,
.icon-twitter:before,
.icon-unfold:before,
.icon-unlock:before,
.icon-user:before,
.icon-users-outline:before,
.icon-video-chat:before,
.icon-video-circled:before,
.icon-volume-down:before,
.icon-web:before,
.tw-icon-Audio:before,
.tw-icon-Numeric:before,
.tw-icon-Physical:before,
.tw-icon-Video:before {
 font-family:ermes-font-update;
 font-style:normal;
 font-weight:400;
 speak:none;
 display:inline-block;
 text-decoration:inherit;
 width:1em;
 margin-right:.2em;
 text-align:center
}
.icon-aimant:before,
.icon-air:before,
.icon-alpha-book:before,
.icon-android:before,
.icon-angle-circled-down:before,
.icon-angle-circled-left:before,
.icon-angle-circled-right:before,
.icon-angle-circled-up:before,
.icon-angle-double-down:before,
.icon-angle-double-left:before,
.icon-angle-double-right:before,
.icon-angle-double-up:before,
.icon-angle-down:before,
.icon-angle-left:before,
.icon-angle-right:before,
.icon-appstore:before,
.icon-attach-1:before,
.icon-attach:before,
.icon-beaker:before,
.icon-bell-1:before,
.icon-bell-alt:before,
.icon-bell-off-empty:before,
.icon-bell-off:before,
.icon-birthday:before,
.icon-blogger:before,
.icon-bookmark-1:before,
.icon-bookmark-empty-1:before,
.icon-bookmark-empty:before,
.icon-bookmark:before,
.icon-braille:before,
.icon-brush:before,
.icon-buffer:before,
.icon-bug:before,
.icon-caddie:before,
.icon-camera-alt:before,
.icon-camescope:before,
.icon-cart-arrow-down:before,
.icon-cart-plus:before,
.icon-chart-pie:before,
.icon-chat-empty:before,
.icon-chat:before,
.icon-chevrons-left-right:before,
.icon-chevrons-tiret:before,
.icon-chrome:before,
.icon-circle-empty:before,
.icon-circle-notch:before,
.icon-circle-thin:before,
.icon-circle:before,
.icon-code:before,
.icon-cog-alt:before,
.icon-comment-empty:before,
.icon-commentaire:before,
.icon-connectdevelop:before,
.icon-corbeille-line:before,
.icon-credit-card:before,
.icon-crown-plus:before,
.icon-crown:before,
.icon-database:before,
.icon-desktop:before,
.icon-diamond-1:before,
.icon-diamond:before,
.icon-digg:before,
.icon-direction:before,
.icon-dot-circled:before,
.icon-down-big:before,
.icon-down-dir:before,
.icon-down-open:before,
.icon-down:before,
.icon-download-cloud:before,
.icon-dribbble:before,
.icon-dropbox:before,
.icon-droplet:before,
.icon-eject:before,
.icon-embassy:before,
.icon-emo-happy:before,
.icon-emo-laugh:before,
.icon-emo-sleep:before,
.icon-emo-squint:before,
.icon-emo-thumbsup:before,
.icon-emo-unhappy:before,
.icon-emo-wink2:before,
.icon-emo-wink:before,
.icon-empire:before,
.icon-euro:before,
.icon-export-alt:before,
.icon-eye-1:before,
.icon-eye-off:before,
.icon-eye:before,
.icon-fast-bw:before,
.icon-fast-fw:before,
.icon-feather:before,
.icon-file-excel:before,
.icon-file-powerpoint:before,
.icon-file-word:before,
.icon-fire-1:before,
.icon-fire:before,
.icon-flag-1:before,
.icon-flag-empty:before,
.icon-flag:before,
.icon-flattr:before,
.icon-flow-branch:before,
.icon-flow-cascade:before,
.icon-flow-line:before,
.icon-flow-parallel:before,
.icon-flow-tree:before,
.icon-fork:before,
.icon-forumbee:before,
.icon-forward:before,
.icon-friendfeed:before,
.icon-gamepad:before,
.icon-garden:before,
.icon-github-circled:before,
.icon-github:before,
.icon-graduation-cap:before,
.icon-group:before,
.icon-hammer:before,
.icon-heart-empty:before,
.icon-heart:before,
.icon-home-1:before,
.icon-home-3:before,
.icon-home:before,
.icon-icq:before,
.icon-ie:before,
.icon-instagram-filled:before,
.icon-instagram:before,
.icon-instapaper:before,
.icon-key-1:before,
.icon-key:before,
.icon-keyboard:before,
.icon-klout:before,
.icon-leaf:before,
.icon-left-big:before,
.icon-left-dir:before,
.icon-left:before,
.icon-library:before,
.icon-lien:before,
.icon-lifebuoy:before,
.icon-link-1:before,
.icon-link-2:before,
.icon-linkedin-1:before,
.icon-linkedin-squared:before,
.icon-linkedin:before,
.icon-linux:before,
.icon-lkdto:before,
.icon-location:before,
.icon-login:before,
.icon-magic:before,
.icon-marquee:before,
.icon-mars:before,
.icon-mic:before,
.icon-micro-off:before,
.icon-minus-circle:before,
.icon-move:before,
.icon-music-note:before,
.icon-musique:before,
.icon-mute:before,
.icon-network:before,
.icon-oeil:before,
.icon-ok:before,
.icon-opentable:before,
.icon-opera:before,
.icon-pagelines:before,
.icon-paper-plane-empty:before,
.icon-paper-plane:before,
.icon-pause:before,
.icon-paw:before,
.icon-paypal:before,
.icon-pellicule:before,
.icon-pense-bete:before,
.icon-phone:before,
.icon-photo:before,
.icon-picasa:before,
.icon-pilcrow:before,
.icon-pin:before,
.icon-plancast:before,
.icon-play:before,
.icon-print-1:before,
.icon-print:before,
.icon-quote-left:before,
.icon-quote-right:before,
.icon-recherche:before,
.icon-recycle:before,
.icon-religious-jewish:before,
.icon-renren:before,
.icon-reply-all:before,
.icon-reply:before,
.icon-resize-all-alt:before,
.icon-resize-all:before,
.icon-resize-horizontal:before,
.icon-resize-vertical:before,
.icon-right-big:before,
.icon-right-dir:before,
.icon-right-open:before,
.icon-right:before,
.icon-signal:before,
.icon-skype:before,
.icon-sort-alt-down:before,
.icon-sort-alt-up:before,
.icon-soundcloud:before,
.icon-spin1:before,
.icon-spin2:before,
.icon-spin3:before,
.icon-spin4:before,
.icon-spin5:before,
.icon-spin6:before,
.icon-spinner:before,
.icon-stackoverflow:before,
.icon-star-half-alt:before,
.icon-stop:before,
.icon-suspension:before,
.icon-tag:before,
.icon-tags:before,
.icon-texte:before,
.icon-to-end-alt:before,
.icon-to-end:before,
.icon-to-start-alt:before,
.icon-to-start:before,
.icon-toggle-off:before,
.icon-toggle-on:before,
.icon-tools:before,
.icon-traffic-cone:before,
.icon-transgender:before,
.icon-trash-1:before,
.icon-trash-empty:before,
.icon-typo-size:before,
.icon-umbrella:before,
.icon-univ:before,
.icon-unlink:before,
.icon-up-big:before,
.icon-up-open:before,
.icon-up:before,
.icon-upload-cloud:before,
.icon-venus:before,
.icon-viadeo:before,
.icon-videocam:before,
.icon-vimeo:before,
.icon-volume-line:before,
.icon-volume-up:before,
.icon-w3c:before,
.icon-water:before,
.icon-weibo:before,
.icon-wifi:before,
.icon-windows:before,
.icon-wordpress-1:before,
.icon-wordpress:before,
.icon-youtube-squared:before,
.icon-youtube:before {
 font-family:ermes-font-addon;
 font-style:normal;
 font-weight:400;
 speak:none;
 display:inline-block;
 text-decoration:inherit;
 width:1em;
 margin-right:.2em;
 text-align:center
}
.icon-suggest-subject:before {
 font-style:normal;
 font-weight:400;
 speak:none;
 display:inline-block;
 text-decoration:inherit;
 width:1em;
 margin-right:.2em;
 text-align:center
}
.icon-off:before {
 content:'\e800'
}
.icon-lock:before {
 content:'\e814'
}
.icon-post-open:before {
 content:'\e803'
}
.icon-post:before {
 content:'\e805'
}
.icon-bell:before {
 content:'\e804'
}
.icon-basket:before {
 content:'\e806'
}
.icon-basket-empty:before {
 content:'\e807'
}
.icon-search:before {
 content:'\e808'
}
.icon-editions:before {
 content:'\e809'
}
.icon-trash:before {
 content:'\e80a'
}
.icon-comment:before {
 content:'\e80b'
}
.icon-comment-edit:before {
 content:'\e84d'
}
.icon-time:before {
 content:'\e80c'
}
.icon-pencil:before {
 content:'\e80d'
}
.icon-eye-open:before {
 content:'\e80f'
}
.icon-author:before {
 content:'\e80e'
}
.icon-publisher:before {
 content:'\e810'
}
.icon-diaries:before {
 content:'\e811'
}
.icon-map:before {
 content:'\e812'
}
.icon-new:before {
 content:'\e813'
}
.icon-game:before {
 content:'\e824'
}
.icon-tablet:before {
 content:'\e823'
}
.icon-calendar:before {
 content:'\e822'
}
.icon-manuscript:before {
 content:'\e821'
}
.icon-plans:before {
 content:'\e820'
}
.icon-study:before {
 content:'\e81f'
}
.icon-picture:before {
 content:'\e81e'
}
.icon-ebook-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 {
 content:'\e841'
}
.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'
}
.tw-icon-Physical:before {
 content:'\e863'
}
.tw-icon-Audio:before {
 content:'\e866'
}
.tw-icon-Video:before {
 content:'\e861'
}
.icon-floppy:before {
 content:'\e867'
}
.icon-users-outline:before {
 content:'\e868'
}
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'
}
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'
}
.portal-main-menu {
 width:100%
}
.portal-main-menu li.LEVEL1:first-child {
 margin-left:0
}
@media (min-width:768px) {
 .portal-main-menu li.LEVEL1 {
  background-color:#dd4652;
  border-top:7px solid #50867c;
  font-size:16px;
  margin-left:2%;
  margin-right:2%;
  text-align:center;
  text-transform:uppercase;
  width:16%
 }
 .nav .open>a,
 .nav .open>a:focus,
 .nav .open>a:hover,
 .portal-main-menu li.LEVEL1 a:hover {
  background-color:#50867c
 }
 .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:#fff;
  border-top-color:#fff
 }
 .portal-main-menu .dropdown-menu {
  min-width:100%
 }
 #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:after,
 #nav-rich-menu:before {
  content:" ";
  display:table
 }
 #nav-rich-menu .dropdown {
  position:absolute;
  left:-9999px;
  background:#50867c;
  padding:10px;
  width:100%
 }
 #nav-rich-menu li:hover .dropdown {
  left:0
 }
 #nav-rich-menu li .dropdown_container a {
  background:#67ac9e;
  margin:10px;
  padding:0;
  text-transform:none
 }
 #nav-rich-menu .dropdown_container a:hover {
  background:#dd4652
 }
 #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) {
 #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:focus,
 #nav-rich-menu>li:hover,
 .portal-main-menu>li.LEVEL1:focus,
 .portal-main-menu>li.LEVEL1:hover {
  background-color:#eee;
  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%
}
.rsDefaultInv .rsBullets {
 z-index:2
}
.rsDefaultInv .rsBullet {
 padding:3px
}
[class*=" icon-"],
[class^=icon-] {
 font-family:inherit;
 font-weight:inherit;
 line-height:inherit
}
#mobile-actions {
 text-align:left;
 background-color:#171717;
}
#mobile-actions.mobile-actions-compact .hamburger-mobile {
 float:left
}
#mobile-actions.mobile-actions-compact .navbar-header {
 float:none
}
.fa-user-circle-o:before {
 content:"\f2be"
}
@media (max-width:767px) {
 #menu-panel,
 .connectBox {
  position:absolute;
  z-index:500;
  border:none;
  width:100%
 }
 #menu-panel {
  top:47px
 }
 .navbar-compact,
 .navbar-compact .navbar-collapse {
  border:none
 }
 .navbar-compact #menu-panel {
  top:0
 }
 #menu-panel .navbar-collapse {
  box-shadow:none
 }
 .navbar-compact #menu-panel .navbar-collapse {
  border-top:none
 }
 .connectBox {
  top:40px;
  background:#2c2c2c
 }
}
#mobile-actions .btn-lg {
 padding-right:0;
 padding-left:0;
 font-size:16px;
 font-weight:700
}
.social-network-mobile .dropdown-menu {
 min-width:0
}
.social-network-mobile .dropdown-menu>li>a {
 padding:0
}
.hamburger-mobile .navbar-toggle {
 margin-top:0;
 margin-bottom:0;
 padding-right:0;
 padding-left:0
}
.hamburger-mobile .icon-bar {
 background-color:#ffff;
}
#mobile-actions .my-account-mobile a {
 line-height:1
}
.webframe-ermes-commonviewedresources.facet .facetSuggest li:nth-child(odd)>a {
 background-color:#dd4652;
 border-color:#dd4652
}
div.social-network ul li a {
 height:32px;
 margin:2px;
 width:32px;
 text-align:center;
 color:#fff;
 display:block
}
div.social-network ul li a span:not(.sr-only) {
 position:relative;
 top:20%
}
div.social-network ul li a.twitter {
 background-color:#00c4fc
}
div.social-network ul li a.facebook {
 background-color:#3350ae
}
div.social-network ul li a.tumblr {
 background-color:#3d658b
}
div.social-network ul li a.pinterest {
 background-color:#df2828
}
.lang-dropdown-mobile {
 top:5px;
 position:relative
}
#dropChangeCulture {
 color:#fff
}
#share_social {
 position:fixed;
 left:0;
 right:auto;
 top:40%
}
#share_social ul li a:hover {
 color:#000
}
#note-detail div.star {
 height:40px
}
#note-detail li>label {
 display:none
}
#note-detail button.icon-remove {
 font-size:22px;
 position:relative;
 padding:0;
 cursor:pointer;
 background:0 0;
 border:0;
 -webkit-appearance:none
}
#note-detail button.icon-remove:before {
 margin:0
}
#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
}
div.product-infos {
 text-align:center;
 background-color:#eee;
 padding:5px 0 5px 0;
 color:#555;
 font-size:small
}
div.product-infos,
div.product-infos a {
 color:#555;
 font-size:small
}
div.ie-forever {
 display:none;
 max-height:15px;
 overflow:hidden;
 position:absolute;
 bottom:-15px;
 padding:0 3px 0 10px;
 font-size:11px;
 color:#fff;
 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
 }
}
#exportMyAccount {
 text-decoration:none;
 color:#5f5b5b;
 font-size:14px;
 margin:5px 0;
 text-transform:uppercase;
 cursor:pointer
}
#export_myaccount_modal fieldset {
 min-height:20px;
 padding:19px;
 margin-bottom:20px;
 background-color:#fff;
 border:1px solid #e3e3e3;
 border-radius:4px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
 box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
 min-width:0;
 margin-left:5px;
 margin-right:5px
}
#export_myaccount_modal legend {
 display:block;
 font-size:14px;
 width:auto;
 padding:2px 7px 2px 5px;
 margin-bottom:0!important;
 line-height:inherit;
 color:#333;
 background:#fff;
 border:1px solid #e3e3e3;
 border-radius:4px;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
 text-transform:none
}
#export_myaccount_modal fieldset label {
 font-size:14px;
 text-transform:none;
 font-weight:400
}
ul.myaccount-export-tabs li a {
 border-radius:0;
 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>tbody>tr>td,
.myaccount-export-header .table>tbody>tr>th,
.myaccount-export-header .table>tfoot>tr>td,
.myaccount-export-header .table>tfoot>tr>th,
.myaccount-export-header .table>thead>tr>td,
.myaccount-export-header .table>thead>tr>th {
 padding:0 5px 0 0!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:.5
}
#preselect-facets-link {
 margin-top:10px
}
.filter-selected {
 background-color:#5781a2;
 border-color:#5781a2
}
ul.account-links {
 margin-top:8px
}
ul.account-links a {
 text-decoration:underline
}
.linktype-glyph-link {
 margin-left:4px;
 font-size:smaller
}
.filters-dropdown .disabled a,
.filters-dropdown .disabled a:hover {
 background-color:grey;
 color:#fff;
 font-weight:700
}
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
}
.dr-viewer-wrapper {
 height:550px
}
.ead-viewer-wrapper {
 height:550px;
 position:relative
}
#facet_container .jstree-proton .jstree-hovered,
.preselect-facets .jstree-proton .jstree-hovered {
 color:inherit
}
#facet_container .jstree-proton>.jstree-wholerow-ul .jstree-clicked,
.preselect-facets .jstree-proton>.jstree-wholerow-ul .jstree-clicked {
 background:#3392e3
}
.navbar-fixed-top {
 z-index:1031
}
.header-compact .navbar-brand {
 padding:0 15px;
 line-height:80px;
 height:80px;
}
.navbar-compact .site-btn {
 position:absolute;
 bottom:0;
}
.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 .connectBox {
  min-height:80px;
  line-height:80px;
  padding:0;
 }
 .header-compact .btn-account {
  height:80px;
  line-height:80px;
  padding:0 20px;
  font-size: 16px;
 }
 .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 #171717
 }
}
@media (max-width:414px) {
 .header-compact .navbar-brand h1 {
  font-size:38px
 }
}
@media (min-width:768px) {
 .navbar-compact #nav-rich-menu li {
  width:auto;
  height:80px;
  line-height:80px;
  border:none;
  display:table-cell;
  float:none
 }
 .navbar-compact #nav-rich-menu li>a {
  height:100%;
  padding:0 20px;
  border-left:1px solid #abdadf
 }
 .navbar-compact #nav-rich-menu li .dropdown {
  line-height:initial
 }
 .navbar-compact #nav-rich-menu .illustration {
  max-width:120px;
  width:initial
 }
}
@media (max-width:767px) {
 .navbar-compact #nav-rich-menu {
  height:auto;
  margin:0;
  position:absolute;
  width:100%;
  top:45px;
  left:0
 }
 .mobile-actions-compact .navbar-brand {
  padding:0 13px;
  height:initial;
  line-height:normal
 }
 .mobile-actions-compact .navbar-brand h1 {
  font-size:40px;
  line-height:initial
 }
 .mobile-actions-compact .lang-dropdown-mobile {
  float:right!important
 }
 .mobile-actions-compact .lang-dropdown-mobile .dropdown-menu {
  right:0;
  left:auto
 }
 .navbar-compact #nav-rich-menu .illustration {
  max-width:90px
 }
}
@media (max-width:480px) {
 .mobile-actions-compact .navbar-brand {
  padding:0
 }
}
.ermes_form h2 {
 margin-bottom:15px
}
.panel-info>.panel-heading a {
 color:#3a87ad;
 background-color:#d9edf7;
 border-color:#bce8f1
}
.my-account-mobile .profilBox {
 left:0;
 right:auto
}
#mobile-actions #dropMenu2 {
 padding-right:5px
}
.lang-dropdown-mobile #dropChangeCulture {
 color:#333;
 font-size:16px;
 line-height:1.33;
 font-weight:700
}
#dropChangeCulture .caret {
 border-width:5px 5px 0
}
.scopes-filter-label {
 display:block;
 padding:3px 20px;
 clear:both;
 line-height:1.428571429;
 color:#333;
 white-space:nowrap;
 margin-bottom:0
}
.change-site-mobile {
 left:30%;
 position:absolute;
 z-index:5
}
.change-site-mobile .caret {
 border-top-color:#333
}
.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:0
 }
 .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:#333
 }
 .lang-dropdown-mobile .dropdown-menu {
  right:5px;
  min-width:38px;
  width:38px
 }
 .lang-dropdown-mobile .dropdown-menu a {
  padding:3px 5px
 }
 .lang-dropdown-mobile #dropChangeCulture {
  padding:6px 0
 }
}
.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:700;
 font-size:16px
}
#barCodeModal .generateBarCode {
 font-family:generatebarcode
}
#barCodeModal .barCodePopup {
 font-size:90px
}
#barCodeModal {
 text-align:center;
 height:auto
}
.myaccount-profile-cardreader {
 padding:10px 0 10px 0;
 text-align:center
}
.closeAction {
 float:right;
 margin-left:-35px
}
@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 .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
 }
}
.searchForm .panel-body>.indexWrapper {
 margin-top:20px
}
button.capture_notice .glyphicon-share-alt {
 margin-left:-5px;
 margin-top:5px
}
.rs-blogWithCategories .card {
 background:#fff;
 padding:14px;
 margin-bottom:15px;
 padding:10px;
 min-height:300px;
 box-shadow:0 5px 4px 0 rgba(50,50,50,.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 :after,
.rs-blogWithCategories :before {
 font-family:fontAwesome;
 margin-right:5px
}
.rs-blogWithCategories .card .auteur,
.rs-blogWithCategories .card .date {
 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:0 0
}
.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
}
#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:400;
 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
}
.button-my-account nav.navbar {
 margin-bottom:0;
 border:none;
 z-index:1000;
 min-height:0
}
button#download-calendar-captcha-play {
 background:0 0;
 border:0;
 font-size:16px;
 cursor:pointer;
 width:18px;
 height:18px;
 padding:0;
 margin:0
}
button#download-calendar-captcha-refresh {
 background:0 0;
 border:0;
 font-size:16px;
 cursor:pointer;
 width:18px;
 height:18px;
 padding:0;
 margin:0
}
.library-timetable {
 width:100%;
 border-collapse:collapse;
 margin:50px auto;
 border:1px solid #efefef
}
.library-timetable tr:nth-child(2n) {
 background:#efefef
}
.library-timetable th[scope=col] {
 background:#00adb1;
 color:#fff;
 font-weight:700
}
.library-timetable td,
.library-timetable th {
 padding:10px;
 text-align:left;
 font-size:18px
}
.library-timetable td.library-open {
 color:green
}
.library-timetable td.library-closed {
 color:red
}
.library-timetable .item-typebib {
 font-weight:700
}
.search-restictors {
 margin-top:16px
}
.search-restictors .search-restictors-container {
 display:flex;
 flex-direction:row;
 padding:0 10px
}
.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;
}
.cms-embedded .spinner {
 float:left
}
.cms-embedded .panel-body h2 {
 color:grey;
 font-size:18px
}
header {
 background-color:#00adb1
}
#search-panel {
 background:#00adb1;
}
.connectBox {
 background:#00726f
}
.jGrowl-notification {
 word-break:keep-all!important
}
#logon-form h1 {
 color:#333
}
#textfield,
.clean-text-field {
 color:#00726f
}
.tt-suggestion.tt-cursor {
 background-color:#00726f
}
#globalScenarioMobile {
 background-color:#268987
}
#globalScenarioMobile .active,
#globalScenarioMobile .active:focus,
#globalScenarioMobile .active:hover {
 background-color:#3fabae
}
#globalScenarioMobile>li>a:focus,
#globalScenarioMobile>li>a:hover {
 background-color:#60c3c3;
 color:#fff
}
@media (min-width:768px) {
 header {
  border-top:10px solid #171717
 }
 header.header-compact {
  border-top:none
 }
 .header-compact .top_bar {
  background:#171717
 }
 #ermes_main_menu li.LEVEL1 {
  background-color:#76c7d1;
  border-top:7px solid #abdadf
 }
 #ermes_main_menu li.LEVEL1 a:hover,
 .nav .open>a,
 .nav .open>a:focus,
 .nav .open>a:hover {
  background-color:#abdadf
 }
 .btn-account {
  background-color:#171717
 }
}
.sticky-search {
 width:80px;
 position:relative;
 float:right;
 height:80px;
 line-height:80px;
 padding:0 0 0 20px
}
a.rheader-button.rheader-button-search.active {
 background:#171717;
 border-left:1px solid #171717;
 border-right:1px solid #171717;
 display:inline-block;
 font-size:2.6rem;
 height:80px;
 line-height:80px;
 position:relative;
 transition:background-color .3s ease,-webkit-transform .4s ease,border .4s ease .2s;
 transition:background-color .3s ease,transform .4s ease,border .4s ease .2s;
 width:61px;
 text-align:center;
 top:0;
 color:#fff
}
.navbar-compact .site-btn {
 position:relative;
 bottom:auto;
 right:auto;
 background:#00adb1;
 width:100%;
 float:left
}
.navbar-compact .site-btn ul {
 float:right;
 padding:6px 15px 6px 10px
}
.header-compact .navbar-brand {
 line-height:80px;
 height:80px
}
.header-compact .navbar-brand h1 {
 line-height:80px
}
@media (min-width:768px) {
 #ermes_main_menu li.LEVEL1 {
  background-color:#171717;
  border-top:0
 }
 #search-panel .panel-body {
  float:none
 }
}
#mobile-actions #dropSite {
 color:#333
}
.change-site-mobile .caret {
 border-top-color:#333
}
@media (max-width:767px) {
 .change-site-mobile.mode-compact {
  position:relative;
  top:auto;
  margin-bottom:auto;
  width:100%;
  background:0 0;
  left:auto;
  text-align:center;
  margin:0 auto
 }
 .sitebtn-group {
  margin:0 auto;
  width:auto;
  display:inline-block;
  background:0 0;
  position:relative;
  padding:0
 }
 a.rheader-button.rheader-button-search.active {
  background:0 0;
  border-left:none;
  border-right:none;
  height:30px;
  line-height:30px;
  position:relative;
  width:34px;
  color:#333
 }
 .sticky-search {
  float:left;
  position:relative;
  padding:3px 0;
  width:0
 }
 .navbar-compact .compact-account {
  display:block
 }
 .compact-account button.btn-account {
  display:none
 }
 #mobile-actions.mobile-actions-compact .navbar-header {
  float:none;
  margin:0 auto;
  width:69%;
  text-align:center;
  background:0 0;
  padding-top:7px
 }
 .header-compact .navbar-brand {
  margin:0 auto;
  display:inline-block;
  float:none;
  height:50px
 }
 .header-compact .navbar-brand h1 {
  line-height:initial
 }
 .sticky-search.hidden-sm.hidden-md.hidden-lg {
  float:none;
  position:relative;
  padding:3px 0;
  display:inline-block!important;
  background:0 0;
  width:36px;
  height:36px;
  line-height:0px;
  vertical-align:super
 }
 .sticky-search.hidden-sm.hidden-md.hidden-lg.hidden {
  position:fixed
 }
 .navbar-compact #menu-panel {
  top:0
 }
 .header-compact .portal-main-menu {
  top:0!important
 }
}
@media (min-width:768px) and (max-width:1366px) {
 .header-compact .portal-main-menu {
  width:100%;
  background:#00bfb9
 }
 .navbar-compact #menu-panel .navbar-collapse {
  float:left;
  clear:both;
  width:100%
 }
 .sticky-search {
  float:right
 }
}
@media (max-width:480px) {
 #mobile-actions.mobile-actions-compact .navbar-header {
  width:80%;
  display:inline-table;
  padding:0
 }
}



/******AJOUT 20/09/2021 LOUPE SEARCH BOX Hearder Fonts****************/
.hidden {
    display:;
    visibility: visible!important;
}

.btn-lg {
font-size: 16px;
}

/******Page-accueil Pagefullwidth****************/

.page-accueil header,
.page-accueil #header_banner {
	border: none;
}


.page-accueil #portal .frame {
    padding: 20px 20px;
   /* padding: 20px 0;} */
}

.page-accueil .panel-front {
   padding: 0px 0px;
}

.page-accueil #page > .container {
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.page-accueil #zone-2 .panel-front {
    max-width: 1200px;
    margin: 0 auto;
}
.page-accueil #layout-3 .row {
    margin: 0 auto;
    max-width: 1200px;
}
.page-accueil #zone-6 .panel-front {
    max-width: 1200px;
    margin: 0 auto;
}

.page-accueil #zone-2 .encart-actus .panel-front {
    max-width: none;
}

/******Encart Actu****************/

.encart-actus .panel-front,
#portal .encart-actus .panel-body,
.encart-actus p {
	padding: 0;
	margin: 0;
}
.encart-actus .panel-heading {
	display: none
}
.slider_sub_container {
    display: block;
}
.encart-actus .rsContainer {
     width: 100%;
}
.encart-actus .slider_container {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    display: block;
    height: 40%;
    width: 100%;
}
.encart-actus .carousel_1 h3,
.encart-actus .carousel_1 p {
    color: #fff;
	text-align: center;
}
.encart-actus .carousel_1 p {
    font-size: 18px;
}
.encart-actus .rsDefaultInv .rsBullets {
    bottom: 40px;
    left: 0;
    padding-right: 40px;
    position: absolute;
    text-align: right;
    width: 100%;
}
.encart-actus .bs-bullets .rsNavSelected button {
    background-color: #fff;
}
.encart-actus .bs-bullets button,
.bs-bullets button:focus,
.bs-bullets button:active,
.bs-bullets button:hover {
    border-color: #fff;
}


/* septembre 21 */

@font-face {
 font-family:"Alegre Sans NC";
 src:url(../standard/portal/front/ressources/font/Al__gre_Sans_Regular_NC.woff2) format("woff2"),
 url(../standard/portal/front/ressources/font/Al__gre_Sans_Regular_NC.woff) format("woff");
 font-weight:400;
 font-style:normal;
 font-display:fallback
}
@font-face {
 font-family:ermes-font-update;
 src:url(../standard/portal/front/ressources/font/ermes-font-update.woff2) format('woff2'),
 url(../standard/portal/front/ressources/font/ermes-font-update.woff) format('woff');
 font-weight:400;
 font-style:normal;
 font-display:block
}
@font-face {
 font-family:ermes-font-addon;
 src:url(../standard/portal/front/ressources/font/ermes-font-addon.woff2?82650307) format('woff2'),
 url(../standard/portal/front/ressources/font/ermes-font-addon.woff?82650307) format('woff');
 font-weight:400;
 font-style:normal;
 font-display:block
}
@font-face {
 font-family:generatebarcode;
 src:url(../standard/portal/front/ressources/font/3OF9NEW.woff2) format('woff2'),
 url(../standard/portal/front/ressources/font/3OF9NEW.woff) format('woff');
 font-display:block
}

/* Remplacement portal-front-all.css:27 */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px;
    padding-right: 0px;
}

/* Remplacement ligne 4712 */

.page-accueil #portal .frame {
    padding: 0px;
}

#portal .frame {
    margin: 0px !important;
}

/* Logo et navbar */

.header-compact .navbar-brand h1 {
    font-size: 26px;
    color: #ccc;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -.5px;
}

.header-compact .navbar-brand h1:hover {
    color: #fff;
}

#ermes_main_menu li.LEVEL1 a:focus {
    background-color: #171717;
    color: #fff;
}

@media (max-width:767px) {
 .header-compact .navbar-brand h1 {
  margin:20px 0 0 0;
 }
.header-compact .uk-button {
    margin: 18px 0 0 0;
} 
 .header-compact .hamburger-mobile {
  margin:20px 0 0 0;
 }
.my-account-mobile {
  margin:22px 0 0 0;
 } 
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #373737;
    color: #fff;
} 
.nav > li > a {
    background-color: #272727;
    color: #ccc;
} 
.nav > li > a:active {
    background-color: #272727;
    color: #000;
} 
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #373737;
} 
.navbar-nav .open .dropdown-menu {
    background-color: #474747;
}
.navbar-nav .open .dropdown-menu a:hover {
    background-color: #373737;
}  
#nav-rich-menu, .portal-main-menu {
    background-color: #272727;
}  
.LEVEL1 .dropdown-menu > li > a {
    color: #f7f7f7;
}  
}

/* Titres et châpos */

.uk-h1, h1, .uk-h2, h2 {
    line-height: 1.2;
    font-family: 'Julius Sans One';
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.uk-h1, h1 {
    font-size: 58px;
}

@media (max-width:767px) {
 .uk-h1, h1 {
  font-size:48px
 }
}
@media (max-width:479px) {
 .uk-h1, h1 {
  font-size:38px
 }
}

h1 {
 color:#171717;
}

.uk-h2, h2 {
    font-size: 40px;
}

@media (max-width:767px) {
 .uk-h2, h2 {
  font-size:34px
 }
}
@media (max-width:479px) {
 .uk-h2, h2 {
  font-size:28px
 }
}


.uk-h3, h3 {
    font-size: 26px;
    line-height: 1.2;
    font-family: 'Julius Sans One';
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

@media (max-width:767px) {
 .uk-h3, h3 {
  font-size:22px
 }
}
@media (max-width:479px) {
 .uk-h3, h3 {
  font-size:18px
 }
}

.uk-h4, h4, .uk-h5, h5, .uk-h6, h6 {
    line-height: 1.3;
    font-family: 'Work Sans';
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

.uk-h4, h4 {
    font-size: 20px;
}

@media (max-width:767px) {
 .uk-h3, h3 {
  font-size:18px
 }
}

.uk-h5, h5 {
    font-size: 16px;
}

.uk-h6, h6 {
    font-size: 14px;
}

.uk-text-lead {
    font-size: 22px;
    line-height: 1.3;
    font-family: 'Work Sans';
    font-weight: 500;
    text-transform: none;
    letter-spacing: -.5px;
}

.uk-text-lead p {
    font-size: 22px;
    line-height: 1.3;
    font-family: 'Work Sans';
    font-weight: 500;
    text-transform: none;
    letter-spacing: -.5px;
  }

.uk-text-default {
    font-size: "";
    line-height: "";
}

/* Sections : marge interne */

.uk-section-default:not(.uk-position-cover),
.uk-section-gris:not(.uk-position-cover),
.uk-section-anthracite:not(.uk-position-cover),
.uk-section-rouge-1:not(.uk-position-cover), 
.uk-section-rouge-2:not(.uk-position-cover), 
.uk-section-orange-1:not(.uk-position-cover), 
.uk-section-orange-2:not(.uk-position-cover) {
    padding-top: 70px;
    padding-bottom: 70px;
}

/* Sections : couleurs */

.uk-section-default, 
.uk-card-default, 
.uk-tile-default {
    background: #fff;
    color: #171717;
}

.uk-section-default p, .uk-section-default span, .uk-section-default a, .uk-section-default em, .uk-section-default .el-title, .uk-section-default .el-content, .uk-section-default .el-link, .uk-section-default .el-meta,
.uk-card-default p, .uk-card-default span, .uk-card-default a, .uk-card-default em, .uk-card-default .el-title, .uk-card-default .el-content, .uk-card-default .el-link, .uk-card-default .el-meta, 
.uk-tile-default p, .uk-tile-default span, .uk-tile-default a, .uk-tile-default em, .uk-tile-default .el-title, .uk-tile-default .el-content, .uk-tile-default .el-link, .uk-tile-default .el-meta {
    color: #171717;
}

.uk-section-default h1,
.uk-section-default .uk-h1,
.uk-section-default h2,
.uk-section-default .uk-h2,
.uk-section-default h3, .uk-card-default h3, .uk-tile-default h3,
.uk-section-default .uk-h3, .uk-card-default .uk-h3, .uk-tile-default .uk-h3,
.uk-section-default h4, .uk-card-default h4, .uk-tile-default h4,
.uk-section-default .uk-h4, .uk-card-default .uk-h4, .uk-tile-default .uk-h4,
.uk-section-default h5, .uk-card-default h5, .uk-tile-default h5,
.uk-section-default .uk-h5, .uk-card-default .uk-h5, .uk-tile-default .uk-h5,
.uk-section-default h6, .uk-card-default h6, .uk-tile-default h6,
.uk-section-default .uk-h6, .uk-card-default .uk-h6, .uk-tile-default .uk-h6 {
    color: #171717;
}

.uk-section-default .uk-text-lead,
.uk-card-default .uk-text-lead, 
.uk-tile-default .uk-text-lead {
    color: #171717;
}

.uk-section-default .uk-tile-anthracite .uk-text-lead,
.uk-section-default .uk-tile-rouge-1 .uk-text-lead,
.uk-section-default .uk-tile-rouge-2 .uk-text-lead,
.uk-section-default .uk-tile-orange-1 .uk-text-lead,
.uk-section-default .uk-tile-orange-2 .uk-text-lead {
    color: #fff;
}

.uk-section-gris, 
.uk-card-gris, 
.uk-tile-gris {
    background: #f7f7f7;
    color: #171717;
}

.uk-section-gris p, .uk-section-gris span, .uk-section-gris a, .uk-section-gris em, .uk-section-gris .el-title, .uk-section-gris .el-content, .uk-section-gris .el-link, .uk-section-gris .el-meta,
.uk-card-gris p, .uk-card-gris span, .uk-card-gris a, .uk-card-gris em, .uk-card-gris .el-title, .uk-card-gris .el-content, .uk-card-gris .el-link, .uk-card-gris .el-meta, 
.uk-tile-gris p, .uk-tile-gris span, .uk-tile-gris a, .uk-tile-gris em, .uk-tile-gris .el-title, .uk-tile-gris .el-content, .uk-tile-gris .el-link, .uk-tile-gris .el-meta {
    color: #171717;
}

.uk-section-gris h1,
.uk-section-gris .uk-h1,
.uk-section-gris h2,
.uk-section-gris .uk-h2,
.uk-section-gris h3, .uk-card-gris h3, .uk-tile-gris h3,
.uk-section-gris .uk-h3, .uk-card-gris .uk-h3, .uk-tile-gris .uk-h3,
.uk-section-gris h4, .uk-card-gris h4, .uk-tile-gris h4,
.uk-section-gris .uk-h4, .uk-card-gris .uk-h4, .uk-tile-gris .uk-h4,
.uk-section-gris h5, .uk-card-gris h5, .uk-tile-gris h5,
.uk-section-gris .uk-h5, .uk-card-gris .uk-h5, .uk-tile-gris .uk-h5,
.uk-section-gris h6, .uk-card-gris h6, .uk-tile-gris h6,
.uk-section-gris .uk-h6, .uk-card-gris .uk-h6, .uk-tile-gris .uk-h6 {
    color: #171717;
}

.uk-section-gris .uk-text-lead,
.uk-card-gris .uk-text-lead, 
.uk-tile-gris .uk-text-lead {
    color: #171717;
}

.uk-section-gris .uk-tile-anthracite .uk-text-lead,
.uk-section-gris .uk-tile-rouge-1 .uk-text-lead,
.uk-section-gris .uk-tile-rouge-2 .uk-text-lead,
.uk-section-gris .uk-tile-orange-1 .uk-text-lead,
.uk-section-gris .uk-tile-orange-2 .uk-text-lead {
    color: #fff;
}

.uk-section-anthracite, 
.uk-card-anthracite, 
.uk-tile-anthracite {
    background: #171717;
    color: #fff;
}

.uk-section-anthracite p, .uk-section-anthracite span, .uk-section-anthracite a, .uk-section-anthracite em, .uk-section-anthracite .el-title, .uk-section-anthracite .el-content, .uk-section-anthracite .el-link, .uk-section-anthracite .el-meta,
.uk-card-anthracite p, .uk-card-anthracite span, .uk-card-anthracite a, .uk-card-anthracite em, .uk-card-anthracite .el-title, .uk-card-anthracite .el-content, .uk-card-anthracite .el-link, .uk-card-anthracite .el-meta, 
.uk-tile-anthracite p, .uk-tile-anthracite span, .uk-tile-anthracite a, .uk-tile-anthracite em, .uk-tile-anthracite .el-title, .uk-tile-anthracite .el-content, .uk-tile-anthracite .el-link, .uk-tile-anthracite .el-meta {
    color: #fff;
}

.uk-section-anthracite h1,
.uk-section-anthracite .uk-h1,
.uk-section-anthracite h2,
.uk-section-anthracite .uk-h2,
.uk-section-anthracite h3, .uk-card-anthracite h3, .uk-tile-anthracite h3,
.uk-section-anthracite .uk-h3, .uk-card-anthracite .uk-h3, .uk-tile-anthracite .uk-h3,
.uk-section-anthracite h4, .uk-card-anthracite h4, .uk-tile-anthracite h4,
.uk-section-anthracite .uk-h4, .uk-card-anthracite .uk-h4, .uk-tile-anthracite .uk-h4,
.uk-section-anthracite h5, .uk-card-anthracite h5, .uk-tile-anthracite h5,
.uk-section-anthracite .uk-h5, .uk-card-anthracite .uk-h5, .uk-tile-anthracite .uk-h5,
.uk-section-anthracite h6, .uk-card-anthracite h6, .uk-tile-anthracite h6,
.uk-section-anthracite .uk-h6, .uk-card-anthracite .uk-h6, .uk-tile-anthracite .uk-h6 {
    color: #fff;
}

.uk-section-anthracite .uk-text-lead,
.uk-section-anthracite .uk-text-lead a,
.uk-section-anthracite .uk-text-lead a:hover {
    color: #fff;
}

.uk-section-rouge-1, 
.uk-card-rouge-1, 
.uk-tile-rouge-1 {
    background: #dd4652;
    color: #fff;
}

.uk-section-rouge-1 p, .uk-section-rouge-1 span, .uk-section-rouge-1 a, .uk-section-rouge-1 em, .uk-section-rouge-1 .el-title, .uk-section-rouge-1 .el-content, .uk-section-rouge-1 .el-link, .uk-section-rouge-1 .el-meta,
.uk-card-rouge-1 p, .uk-card-rouge-1 span, .uk-card-rouge-1 a, .uk-card-rouge-1 em, .uk-card-rouge-1 .el-title, .uk-card-rouge-1 .el-content, .uk-card-rouge-1 .el-link, .uk-card-rouge-1 .el-meta, 
.uk-tile-rouge-1 p, .uk-tile-rouge-1 span, .uk-tile-rouge-1 a, .uk-tile-rouge-1 em, .uk-tile-rouge-1 .el-title, .uk-tile-rouge-1 .el-content, .uk-tile-rouge-1 .el-link, .uk-tile-rouge-1 .el-meta {
    color: #fff;
}

.uk-section-rouge-1 h1,
.uk-section-rouge-1 .uk-h1,
.uk-section-rouge-1 h2,
.uk-section-rouge-1 .uk-h2,
.uk-section-rouge-1 h3, .uk-card-rouge-1 h3, .uk-tile-rouge-1 h3,
.uk-section-rouge-1 .uk-h3, .uk-card-rouge-1 .uk-h3, .uk-tile-rouge-1 .uk-h3,
.uk-section-rouge-1 h4, .uk-card-rouge-1 h4, .uk-tile-rouge-1 h4,
.uk-section-rouge-1 .uk-h4, .uk-card-rouge-1 .uk-h4, .uk-tile-rouge-1 .uk-h4,
.uk-section-rouge-1 h5, .uk-card-rouge-1 h5, .uk-tile-rouge-1 h5,
.uk-section-rouge-1 .uk-h5, .uk-card-rouge-1 .uk-h5, .uk-tile-rouge-1 .uk-h5,
.uk-section-rouge-1 h6, .uk-card-rouge-1 h6, .uk-tile-rouge-1 h6,
.uk-section-rouge-1 .uk-h6, .uk-card-rouge-1 .uk-h6, .uk-tile-rouge-1 .uk-h6 {
    color: #fff;
}

.uk-section-rouge-1 .uk-text-lead,
.uk-section-rouge-1 .uk-text-lead a,
.uk-section-rouge-1 .uk-text-lead a:hover {
    color: #fff;
}

.uk-section-rouge-2, 
.uk-card-rouge-2, 
.uk-tile-rouge-2 {
    background: #da0a49;
    color: #fff;
}

.uk-section-rouge-2 p, .uk-section-rouge-2 span, .uk-section-rouge-2 a, .uk-section-rouge-2 em, .uk-section-rouge-2 .el-title, .uk-section-rouge-2 .el-content, .uk-section-rouge-2 .el-link, .uk-section-rouge-2 .el-meta,
.uk-card-rouge-2 p, .uk-card-rouge-2 span, .uk-card-rouge-2 a, .uk-card-rouge-2 em, .uk-card-rouge-2 .el-title, .uk-card-rouge-2 .el-content, .uk-card-rouge-2 .el-link, .uk-card-rouge-2 .el-meta, 
.uk-tile-rouge-2 p, .uk-tile-rouge-2 span, .uk-tile-rouge-2 a, .uk-tile-rouge-2 em, .uk-tile-rouge-2 .el-title, .uk-tile-rouge-2 .el-content, .uk-tile-rouge-2 .el-link, .uk-tile-rouge-2 .el-meta {
    color: #fff;
}

.uk-section-rouge-2 h1,
.uk-section-rouge-2 .uk-h1,
.uk-section-rouge-2 h2,
.uk-section-rouge-2 .uk-h2,
.uk-section-rouge-2 h3, .uk-card-rouge-2 h3, .uk-tile-rouge-2 h3,
.uk-section-rouge-2 .uk-h3, .uk-card-rouge-2 .uk-h3, .uk-tile-rouge-2 .uk-h3,
.uk-section-rouge-2 h4, .uk-card-rouge-2 h4, .uk-tile-rouge-2 h4,
.uk-section-rouge-2 .uk-h4, .uk-card-rouge-2 .uk-h4, .uk-tile-rouge-2 .uk-h4,
.uk-section-rouge-2 h5, .uk-card-rouge-2 h5, .uk-tile-rouge-2 h5,
.uk-section-rouge-2 .uk-h5, .uk-card-rouge-2 .uk-h5, .uk-tile-rouge-2 .uk-h5,
.uk-section-rouge-2 h6, .uk-card-rouge-2 h6, .uk-tile-rouge-2 h6,
.uk-section-rouge-2 .uk-h6, .uk-card-rouge-2 .uk-h6, .uk-tile-rouge-2 .uk-h6 {
    color: #fff;
}

.uk-section-rouge-2 .uk-text-lead,
.uk-section-rouge-2 .uk-text-lead a,
.uk-section-rouge-2 .uk-text-lead a:hover {
    color: #fff;
}

.uk-section-orange-1, 
.uk-card-orange-1, 
.uk-tile-orange-1 {
    background: #e79b39;
    color: #fff;
}

.uk-section-orange-1 p, .uk-section-orange-1 span, .uk-section-orange-1 a, .uk-section-orange-1 em, .uk-section-orange-1 .el-title, .uk-section-orange-1 .el-content, .uk-section-orange-1 .el-link, .uk-section-orange-1 .el-meta,
.uk-card-orange-1 p, .uk-card-orange-1 span, .uk-card-orange-1 a, .uk-card-orange-1 em, .uk-card-orange-1 .el-title, .uk-card-orange-1 .el-content, .uk-card-orange-1 .el-link, .uk-card-orange-1 .el-meta, 
.uk-tile-orange-1 p, .uk-tile-orange-1 span, .uk-tile-orange-1 a, .uk-tile-orange-1 em, .uk-tile-orange-1 .el-title, .uk-tile-orange-1 .el-content, .uk-tile-orange-1 .el-link, .uk-tile-orange-1 .el-meta {
    color: #fff;
}

.uk-section-orange-1 h1,
.uk-section-orange-1 .uk-h1,
.uk-section-orange-1 h2,
.uk-section-orange-1 .uk-h2,
.uk-section-orange-1 h3, .uk-card-orange-1 h3, .uk-tile-orange-1 h3,
.uk-section-orange-1 .uk-h3, .uk-card-orange-1 .uk-h3, .uk-tile-orange-1 .uk-h3,
.uk-section-orange-1 h4, .uk-card-orange-1 h4, .uk-tile-rouge-1 h4,
.uk-section-orange-1 .uk-h4, .uk-card-orange-1 .uk-h4, .uk-tile-orange-1 .uk-h4,
.uk-section-orange-1 h5, .uk-card-orange-1 h5, .uk-tile-orange-1 h5,
.uk-section-orange-1 .uk-h5, .uk-card-orange-1 .uk-h5, .uk-tile-orange-1 .uk-h5,
.uk-section-orange-1 h6, .uk-card-orange-1 h6, .uk-tile-orange-1 h6,
.uk-section-orange-1 .uk-h6, .uk-card-orange-1 .uk-h6, .uk-tile-orange-1 .uk-h6 {
    color: #fff;
}

.uk-section-orange-1 .uk-text-lead,
.uk-section-orange-1 .uk-text-lead a,
.uk-section-orange-1 .uk-text-lead a:hover{
    color: #fff;
}

.uk-section-orange-2, 
.uk-card-orange-2, 
.uk-tile-orange-2 {
    background: #e06517;
    color: #fff;
}

.uk-section-orange-2 p, .uk-section-orange-2 span, .uk-section-orange-2 a, .uk-section-orange-2 em, .uk-section-orange-2 .el-title, .uk-section-orange-2 .el-content, .uk-section-orange-2 .el-link, .uk-section-orange-2 .el-meta,
.uk-card-orange-2 p, .uk-card-orange-2 span, .uk-card-orange-2 a, .uk-card-orange-2 em, .uk-card-orange-2 .el-title, .uk-card-orange-2 .el-content, .uk-card-orange-2 .el-link, .uk-card-orange-2 .el-meta, 
.uk-tile-orange-2 p, .uk-tile-orange-2 span, .uk-tile-orange-2 a, .uk-tile-orange-2 em, .uk-tile-orange-2 .el-title, .uk-tile-orange-2 .el-content, .uk-tile-orange-2 .el-link, .uk-tile-orange-2 .el-meta {
    color: #fff;
}

.uk-section-anthracite a, .uk-card-anthracite a, .uk-tile-anthracite a,
.uk-section-rouge-1 a, .uk-card-rouge-1 a, .uk-tile-rouge-1 a,
.uk-section-rouge-2 a, .uk-card-rouge-2 a, .uk-tile-rouge-2 a,
.uk-section-orange-1 a, .uk-card-orange-1 a, .uk-tile-orange-1 a,
.uk-section-orange-2 a, .uk-card-orange-2 a, .uk-tile-orange-2 a {
    text-decoration: underline;
}

.uk-section-orange-2 h1,
.uk-section-orange-2 .uk-h1,
.uk-section-orange-2 h2,
.uk-section-orange-2 .uk-h2,
.uk-section-orange-2 h3, .uk-card-orange-2 h3, .uk-tile-orange-2 h3,
.uk-section-orange-2 .uk-h3, .uk-card-orange-2 .uk-h3, .uk-tile-orange-2 .uk-h3,
.uk-section-orange-2 h4, .uk-card-orange-2 h4, .uk-tile-orange-2 h4,
.uk-section-orange-2 .uk-h4, .uk-card-orange-2 .uk-h4, .uk-tile-orange-2 .uk-h4,
.uk-section-orange-2 h5, .uk-card-orange-2 h5, .uk-tile-orange-2 h5,
.uk-section-orange-2 .uk-h5, .uk-card-orange-2 .uk-h5, .uk-tile-orange-2 .uk-h5,
.uk-section-orange-2 h6, .uk-card-orange-2 h6, .uk-tile-orange-2 h6,
.uk-section-orange-2 .uk-h6, .uk-card-orange-2 .uk-h6, .uk-tile-orange-2 .uk-h6 {
    color: #fff;
}

.uk-section-orange-2 .uk-text-lead,
.uk-section-orange-2 .uk-text-lead a,
.uk-section-orange-2 .uk-text-lead a:hover {
    color: #fff;
}

/* HR */

.uk-hr, hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border-top: 2px solid #f1f1f1;
    width: 130px;
}

.uk-section-default hr,
.uk-section-default .uk-hr,
.uk-section-gris hr,
.uk-section-gris .uk-hr {
    border-top: 2px solid #171717;
}

.uk-hr-rouge-1 {
    border-top: 2px solid #dd4652 !important;
}

.uk-hr-rouge-2 {
    border-top: 2px solid #da0a49 !important;
}

.uk-hr-orange-1 {
    border-top: 2px solid #e79b39 !important;
}

.uk-hr-orange-2 {
    border-top: 2px solid #e06517 !important;
}

/* Texte en couleur */

.uk-text-rouge-1 {
    color: #dd4652 !important;
}

.uk-text-rouge-2 {
    color: #da0a49 !important;
}

.uk-text-orange-1 {
    color: #e79b39 !important;
}

.uk-text-orange-2 {
    color: #e06517 !important;
}

/* Boutons UIKit */

.uk-button {
    border: 1px solid;
}

a.uk-button  {
    text-decoration:none;
  }

.uk-button:hover {
    border: 1px solid;
}

.uk-section-default .uk-button,
.uk-card-default .uk-button,
.uk-tile-default .uk-button,
.uk-section-gris .uk-button,
.uk-card-gris .uk-button,
.uk-tile-gris .uk-button {
    color: #171717;
    background: transparent;
    border-color: #171717;
}

.uk-section-default .uk-button:hover,
.uk-card-default .uk-button:hover,
.uk-tile-default .uk-button:hover {
    color: #f7f7f7;
    background: #171717;
    border-color: #f7f7f7;
}

.uk-section-gris .uk-button:hover,
.uk-card-gris .uk-button:hover,
.uk-tile-gris .uk-button:hover {
    color: #f7f7f7;
    background: #171717;
    border-color: #f7f7f7;
}

.uk-section-anthracite .uk-button,
.uk-card-anthracite .uk-button,
.uk-tile-anthracite .uk-button,
.uk-section-rouge-1 .uk-button, 
.uk-card-rouge-1 .uk-button, 
.uk-tile-rouge-1 .uk-button, 
.uk-section-rouge-2 .uk-button, 
.uk-card-rouge-2 .uk-button, 
.uk-tile-rouge-2 .uk-button, 
.uk-section-orange-1 .uk-button, 
.uk-card-orange-1 .uk-button, 
.uk-tile-orange-1 .uk-button, 
.uk-section-orange-2 .uk-button,
.uk-card-orange-2 .uk-button,
.uk-tile-orange-2 .uk-button {
    color: #fff;
    background: transparent;
    border-color: #fff;
}

.uk-section-anthracite .uk-button:hover,
.uk-card-anthracite .uk-button:hover,
.uk-tile-anthracite .uk-button:hover {
    color: #171717;
    background: #fff;
    border-color: #171717;
}

.uk-section-rouge-1 .uk-button:hover,
.uk-card-rouge-1 .uk-button:hover,
.uk-tile-rouge-1 .uk-button:hover {
    color: #dd4652;
    background: #fff;
    border-color: #dd4652;
}

.uk-section-rouge-2 .uk-button:hover,
.uk-card-rouge-2 .uk-button:hover,
.uk-tile-rouge-2 .uk-button:hover {
    color: #da0a49;
    background: #fff;
    border-color: #da0a49;
}

.uk-section-orange-1 .uk-button:hover,
.uk-card-orange-1 .uk-button:hover,
.uk-tile-orange-1 .uk-button:hover {
    color: #e79b39;
    background: #fff;
    border-color: #e79b39;
}

.uk-section-orange-2 .uk-button:hover,
.uk-card-orange-2 .uk-button:hover,
.uk-tile-orange-2 .uk-button:hover {
    color: #e06517;
    background: #fff;
    border-color: #e06517;
}

.uk-button-rouge-1 {
    color: #dd4652;
    background: #fff;
    border-color: #dd4652;
}

.uk-button-rouge-1:hover {
    color: #fff;
    background: #dd4652;
    border-color: #fff;
}

.uk-button-rouge-2 {
    color: #da0a49;
    background: #fff;
    border-color: #da0a49;
}

.uk-button-rouge-2:hover {
    color: #fff;
    background: #da0a49;
    border-color: #fff;
}

.uk-button-orange-1 {
    color: #e79b39;
    background: #fff;
    border-color: #e79b39;
}

.uk-button-orange-1:hover {
    color: #fff;
    background: #e79b39;
    border-color: #fff;
}

.uk-button-orange-2 {
    color: #e06517;
    background: #fff;
    border-color: #e06517;
}

.uk-button-orange-2:hover {
    color: #fff;
    background: #e06517;
    border-color: #fff;
}

.sticky-menu-classic .sticky-search .uk-button-text::before {
    border-bottom: 0px;
}

/* Boutons Archimed */

button, .btn, .btn-default {
    margin: 0;
    border: 1px solid #999;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color;
    background-color: transparent;
}

button:hover, input:hover, .btn:hover, .btn-default:hover {
    border: 1px solid #171717;
    background-color: #f7f7f7;
    color: #171717;
}

.btn-account {
    border: 0px;
}

.btn-account:hover {
    background: transparent;
    border: 0px;
}

.hamburger-mobile .navbar-toggle:hover {
    background-color: transparent;
    color: #fff;
}

.button-my-account span:hover {
    color: #fff;
}

.button-my-account:hover {
    border: 0px solid transparent;
}

/* Anciens éléments supprimés

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
 background-color:#da0a49;
 border-color:#da0a49;
 color:#fff;
}
.btn-primary {
 background-color:#beb6b4;
 border-color:#beb6b4;
 color:#f2f0f1
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
 background-color:#b4adac;
 border-color:#9f9b9a;
 color:#f2f0f1
}

*/

/* Icone de recherche */

.sticky-search .uk-button {
    border: 0px;
}

.sticky-search .uk-button:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

/* Menu de navigation */

@media (min-width:768px) {

 #ermes_main_menu li.LEVEL1 a:hover,
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
    background-color:transparent;
    color: #fff;
 }
    
 .portal-main-menu li.LEVEL1>a {
    color:#ccc;
 }
}

.navbar-compact .dropdown-menu {
    background-color: #171717;
}

.navbar-compact .dropdown-menu > li > a {
    color: #ccc;
}
    
/* Anciens éléments supprimés

@media (min-width:768px) {

#ermes_main_menu li.LEVEL1 a:hover,
 .nav .open>a,
 .nav .open>a:focus,
 .nav .open>a:hover {
  background-color:#33ccc7
 }
 .portal-main-menu li.LEVEL1>a {
  color:#f2f0f1
 }
}
    
*/

/* Liens */

.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
    text-decoration: none;
}

/* Overlays */

.uk-tile-muted {
    background-color: rgba(0,0,0,.6);
}
.uk-tile-muted .el-meta,
.uk-tile-muted .el-title,
.uk-tile-muted .el-content {
    color: #fff !important;    
}

.uk-tile-muted.uk-position-small {
    width: 100%;
    max-width: 100%;
    margin: 0px;
}

.uk-overlay {
    background-color: rgba(0,0,0,.6);
}

/* Cards */

.uk-grid-item-match:not(.uk-no-width-restrict), .uk-grid-match:not(.grid-costumes-page-thematique-child, .slideshow-costume-page-costume) > * {
    max-width: 420px !important;
    margin-left: auto;
    margin-right: auto;
}

uk-tile {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Fonte de labeur */

body,
pre,
td {
 font-size:16px
}

.panel-front>.x-panel-header span,
body,
pre,
td {
 font-family:'Work Sans';
}

.x-body,
.x-panel-body,
.x-window-body {
 font-size:16px;
 font-family:'Work Sans';
}

/* Divers à traiter */

.panel-front>.x-panel-header span,
h2 {
 color:;
}

.panel-front,
.panel-selection {
 background-color:transparent;
 padding:30px
}



/* Footer */

.menu-footer .uk-button {
    border: 0px solid;
}

.menu-footer .uk-button:hover {
    border: 0px solid;
}







/* ==== FOOTER avancé ==== */

footer {
    color: #4d4041;
    font-size: 14px;
    background: #f7f7f7;
    margin-top: 0px;
}
footer a, footer a:hover, footer a:focus, footer [class^="icon-"], footer [class*=" icon-"] {
    color: #4d4041;
}
footer .container ul li, .label-ermes {
    color: #4d4041;
}
footer div.footer-mobile [class^="icon-"], footer.footer-mobile [class*=" icon-"] {
    color: #4d4041;
}
.ftt_col1 {
    padding-top: 20px;
}
.ftt_col2 {
    background: #f7f7f7;
}
.ftt_col2 .container {
    position: relative;
}
.ftt_col1 ul {
    display: inline-block;
}
.ftt_col1 ul > li {
    width: 16.6666%;
    float: left;
    display: block;
    padding: 0px 16px;
}
.ftt_col1 ul li ul li {
    width: 100%;
    display: block;
    float: left;
    padding: 0;
    font-size: 16px;
}
.ftt_col1 h2 {
    font-family: 'Titillium Web';
    font-size: 20px;
    margin: 0 0 14px 0;
}
.ftt_col2 {
    display: inline-block;
    width: 100%;
    padding: 20px 17px;
}
footer .ftt_col2 .container {
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.mnl_ftt {
   float: left;
   padding: 28px 0;
}
.copyrights span {
    padding: 0 0 0 17px;
}
.partenariat{
    float: right;
}
.partenariat img {
    max-width:300px;
    margin-left: 10px;
}
.mnl_ftt li {
    float: left;
    display: inline;
    margin: 0 9px 0 0;
    font-size: 15px;
}
.mnl_ftt li a {
    font-size: 15px;
}

#mobile-actions .caret {
    border-top: 4px solid #fff;
}




/* Pourquoi cette classe dans des pages éditoriales ???? */

.selection-description {
    background: none;
    border: 0px solid #cdcdcd;
    margin: 0px;
    padding: 0px;
}


/* Anciens éléments supprimés

h3 {
 color:grey;
 font-size:21px;
 font-weight:700
}
h4 {
 color:grey;
 font-size:18px;
 font-weight:700
}
p {
 color:grey;
 font-size:14px
}

 */








/****** Reprise du header: searchbar ******/

/* Masquages ariane et langues */

#ariane {
    display: none;
}

#langue-btn {
 display:none !important;
}

.mobile-actions-compact .lang-dropdown-mobile {
    display: none;
}

/* Remplacement de lignes */

.site-btn a.active {
 color:#f2f0f1;
 cursor:default;
 text-decoration:none
}

/* Pour info, lignes remplacées

#langue-btn {
 bottom:0;
 position:relative;
 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
}

 */

/* Remplacement de lignes */

.header-compact .top_bar {
    box-shadow: none;
}

.header-compact #search-panel {
 clear:both;
}
#search-panel {
 background-color:#171717;
 border:medium none;
 border-radius:0;
 box-shadow:none;
 color:#f2f0f1;
 margin:0;
 padding:0px;
}
@media (max-width:767px) {
 #search-panel {
  padding:0px;
 }
}
#search-panel>.container {
 position:relative;
}
#search-panel>.panel-body {
 background-color:transparent;
}

#search-panel .panel-body {
    padding-top:0px !important;
    padding-bottom:0px !important;
}

/* Pour info, lignes remplacées

.header-compact #search-panel {
 clear:both
}
#search-panel {
 background-color:#dd4652;
 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
}

*/


/* Gestion de la fenêtre modale */
.uk-modal.uk-open {
    z-index: 9999;
}

/* Bouton de connexion */
.header-compact .btn-account {
    border: 0px;
   }
  .header-compact .btn-account:hover {
    border: 0px;
   }
   .button-my-account span {
      color: #ccc;
  }
  .button-my-account:hover span {
      color: #fff;
  }
  
  
/* Pages de résultat de recherche */

body {
    background-color: #fff;
}

#resultats .notice_corps {
    padding: 20px 0;
}

#resultats > ul > li {
    background-color: #fff;
}

#resultats_recherche .vignette_document img.ermes-thumb {
    width: 200px;
}

#resultats_recherche .vignette_container {
    float: right;
    width: 40%;
}

.vignette_document {
    margin: 0 0px 4px 20px;
}

ul.metadata-actions {
    padding-left: 10px;
}

.holding.is-available, .indicator.available, .indicator.exposition {
    border-left: 10px solid #dd4652;
}

.panel-front > .x-panel-header span, h2 {
    color: #dd4652;
}

.panel-front > .x-panel-header span, h2 {
    color: #dd4652;
}

.resultsListLabel {
    margin-top: 20px;
}

#options_resultat h2 {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.search-icon-container button:hover {
    border: 0px;
    background: transparent;
}

.view-document.btn {
    border: 0px;
}

.view-document.btn:hover {
    border: 0px;
    background: transparent;
}

@media screen and (min-width: 977px) {
    
.accessvideo {width: 50%; float: right; margin: 15px 0 30px 30px;}

}

#resultats_detail .vignette_container {
    display: none;
}

#notice_longue .col-lg-3 {
    width: 0%;
}

#notice_longue {
    margin-top:30px;
}

#detail-notice .col-lg-9 {
    width: 100%;
}

#notice_longue #document_actions {
    display: none;
}

#resultats_detail h2 {
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.affichagedetailsnotice h1 {
    color: #dd4652;
    font-size: 40px;
    letter-spacing: -.75px;
}

.detail-icon-container button:hover {
    border: 0px;
    background: transparent;
}

/* Page d'inscription */

.register .control-label {
    padding-right: 10px;
}

/* ==== INTÉGRATION YOUTUBE ==== */

/* Ajout (nécessite de placer le code d'intégration de la vidéo à l'intérieur d'une div class="video-responsive") */

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}

/* Facettes : contours de boutons Archimed + ajustements 7 octobre 21 */

.dropdown-toggle, .dropdown-toggle:hover {
    border: 0px;
}

.btn:focus, button:focus {
    outline: 0px !important;
}

.facet-controls button {
    padding-left:12px;
    padding-right:12px;
}

.facet-controls button:hover {
    border: 0px;
}

.sort-order button {
    background-color: #fff;
    color: #666;
}

.sort-order button:hover {
    background-color: #fff;
    color: #171717;
}

.sort-order button:focus {
    color: #171717;
}

#panel-selection-detail .panel-selection {
    background-color: rgba(255,255,255,.95) !important;
    border: 1px solid #ccc;
}

#multi_selection .panel, #multi_selection_simple .panel {
    -moz-box-shadow: 0px 0px 0 #d1cfd0;
    -webkit-box-shadow: 0px 0px 0 #d1cfd0;
    box-shadow: 0px 0px 0 #d1cfd0;
}

webkit :focus, :focus {
    outline: 0px dotted #000 !important;
}

/* Page vidéo ajustements 7 octobre 21 */


#notice_longue_description h1 {
    color: #dd4652;
    font-size: 40px;
    letter-spacing: -.75px;
}

.more-actions button:hover {
    background-color:#fff;
}

#multi_selection_simple .bouton_detail:hover, #multi_selection .bouton_detail:hover {
    background-color:#fff;
    border: 0px;
}

@media screen and (min-width: 768px) {
    .media, .media-body {
    padding-right: 35px;
}
}

@media screen and (max-width: 767px) {
    .media, .media-body {
    margin-right: 0px;
}
}

/* Ajustements concernant la fenêtre modale */

.uk-modal-close-full:hover, .uk-close:hover {
    border: 0px solid #171717;
    background-color: #fff;
    color: #000;
}

.uk-modal-full input#textfield.ui-autocomplete-input {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.uk-modal-full #scenario-selection {
    border: 1px solid #999;
    line-height: 48px;
}

.uk-modal-full .open .dropdown-toggle.btn-default {
    background-color: #171717;
}

.uk-modal-full .open #globalScenarioMobile {
    background-color: #f7f7f7;
}

.uk-modal-full .open #globalScenarioMobile a {
    color: #171717;
}


.uk-modal-full #globalScenarioMobile .active {
    background-color: #171717;
}

.uk-modal-full #globalScenarioMobile a.active  {
    color: #f7f7f7;
}

.uk-modal-full #globalScenarioMobile a.active:hover  {
    color: #000;
}

.uk-modal-full #globalScenarioMobile a:hover {
    background-color: #fff;
}

.uk-modal-full #globalScenarioMobile .active:hover {
    background-color: #fff;
}

/* Agenda façon panel slider */

.uk-card-media-top {
    padding-top: 100%;
    width:100%;
    position: relative;
}

.uk-card-media-top .el-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.uk-card-agenda .el-title {
  color:#171717;
}

.uk-card-agenda .el-link {
  color:#171717;
  text-decoration: none;
  border:1px solid #171717;
}

#notice_longue_description .sousDescriptionVideo {
  font-size: 12px;
  letter-spacing:-.25px;
}

/* Card primary avec dégradé de rouge-1 à orange-1 */

.uk-card-primary p, .uk-card-primary span, .uk-card-primary, .uk-card-primary a {
  color:#fff;
}

.uk-card-primary {
  background: linear-gradient(-336deg, rgba(221,70,82,1), rgba(231,155,57,1) 100%);
}

.navbar-nav .hidden-xs {
    display: flex;
}

/* Pop-over orchestre */

.tm-popover-items .el-marker {
    color: #171717;
    background: #fff;
    border: 2px solid #ccc;
}

.tm-popover-items .el-marker:hover {
    color: #fff;
    background: #171717;
    border: 2px solid #171717;
}

/* Pop-over musiciens (phone) */

.tm-popover-items.uk-hidden\@s { display: none; }
.tm-popover-items.uk-visible\@s { display: block !important; }

/* Pop-over musiciens */

.tm-popover-items .uk-drop .uk-card-default .el-title {
    color:#171717;
}

/* Agenda dynamique (couleurs, slidenav, dotnav, bouton see all results) */


.uk-card-default div {
    color: #171717;
}

.uk-dotnav > * > :focus, .uk-dotnav > * > :hover {
    background-color: #fff;
    border: 1px solid rgba(255,255,255,.6);
}

.uk-dotnav > .uk-active > * {
        background-color: #fff;
    border: 1px solid rgba(255,255,255,.6);
}

.uk-dotnav > .uk-active > *:hover {
    background-color: #fff;
    border: 1px solid rgba(255,255,255,.6);
}

.uk-dotnav > * > * {
    background: 0 0;
    border: 1px solid rgba(255,255,255,.6);
}

.uk-section-default .uk-dotnav > * > :focus, .uk-dotnav > * > :hover,
.uk-section-gris .uk-dotnav > * > :focus, .uk-dotnav > * > :hover {
    background-color: #171717;
    border: 1px solid rgba(0,0,0,.6);
}

.uk-section-default .uk-dotnav > .uk-active > *,
.uk-section-gris .uk-dotnav > .uk-active > * {
    background-color: #171717;
    border: 1px solid rgba(0,0,0,.6);
}

.uk-section-default .uk-dotnav > .uk-active > *:hover,
.uk-section-gris .uk-dotnav > .uk-active > *:hover {
    background-color: #171717;
    border: 1px solid rgba(0,0,0,.6);
}

.uk-section-default .uk-dotnav > * > *,
.uk-section-gris .uk-dotnav > * > *{
    background-color: 0 0;
    border: 1px solid rgba(0,0,0,.6);
}

 /****************** Ne pas afficher sur la page le bouton "Decouvrir la selection" de selection d'une capture de recherche ****************/

.testexpocostumes .see_all_results {
    display:none !important;
}

.expo-costumes-page-costume .see_all_results {
    display:none !important;
}

 /******************Fonts****************/
.see_all_results {
    display:block !important;
    margin: 20px auto !important;
}

.uk-section-anthracite .see_all_results,
.uk-section-rouge-1 .see_all_results,
.uk-section-rouge-2 .see_all_results,
.uk-section-orange-1 .see_all_results,
.uk-section-orange-2 .see_all_results {
    border: 1px solid #fff;
}

.uk-section-anthracite .see_all_results:hover,
.uk-section-rouge-1 .see_all_results:hover,
.uk-section-rouge-2 .see_all_results:hover,
.uk-section-orange-1 .see_all_results:hover,
.uk-section-orange-2 .see_all_results:hover {
    background-color: #fff;
}

.uk-section-anthracite .see_all_results:hover span {
    color: #171717;
}

.uk-section-rouge-1 .see_all_results:hover span {
    color: #dd4652;
}

.uk-section-rouge-2 .see_all_results:hover span {
    color: #da0a49;
}

.uk-section-orange-1 .see_all_results:hover span {
    color: #e79b39;
}

.uk-section-orange-2 .see_all_results:hover span {
    color: #e06517;
}

.uk-section-default .see_all_results,
.uk-section-gris .see_all_results {
        border: 1px solid #171717;
}

.uk-section-default .see_all_results:hover,
.uk-section-gris .see_all_results:hover {
        border: 1px solid #171717;
    background-color: #171717;
}

.uk-section-default .see_all_results:hover span,
.uk-section-gris .see_all_results:hover span {
    color: #fff;
}

.uk-light .uk-slidenav:hover {
    color: #464646;
    background-color: rgba(255,255,255,.8);
}

.uk-light .uk-slidenav {
    color: #464646;
    text-decoration:none;
    background-color: rgba(255,255,255,1);
    padding: 18px 22px;
}

.uk-light .uk-slidenav:active {
    color: #464646;
}

.uk-light .uk-slidenav:focus {
    color: #464646;
}

.uk-slidenav-container  {
    max-width: calc(100% - (15px * 2));
    margin: 15px;

}


.rsArrow.rsArrowLeft:hover {
  background-color: rgba(255,255,255,0) !important;
  border:0px;
}

.rsArrow.rsArrowRight:hover {
  background-color: rgba(255,255,255,0) !important;
  border:0px;
}

.rsArrow.rsArrowLeft:focus {
  border:0px;
}

.rsArrow.rsArrowRight:focus {
  border:0px;
}

.velocityRenderMode_NEWYOUTUBE .uk-card-media-top {
    padding-top: 56%;
}

.velocityRenderMode_NEWYOUTUBEV2 .uk-card-media-top {
    padding-top: 0px;
}


.button-my-account .dropdown-menu > li > a:hover {
  background-color: #000;
}

.button-my-account .dropdown-menu {
  background-color: #2c2c2c;
}

#admin-actions .btn-group .btn:hover {
    background-color: #000;
    border: 1px solid #999;
}

.profilBox .profil-box-header.hidden-md.hidden-lg span {
    color: #000;    
}

.dropdown-menu.profilBox.pull-right > li > a > i {
    color: #ccc;
}

.uk-search-large {
  width: 650px;
}

.button-my-account .dropdown-menu > li > a:hover {
    background-color: #000;
  }
  
  .button-my-account .dropdown-menu {
    background-color: #2c2c2c;
  }
  
  #admin-actions .btn-group .btn:hover {
      background-color: #000;
      border: 1px solid #999;
  }
  
  .profilBox .profil-box-header.hidden-md.hidden-lg span {
      color: #000;    
  }
  
  .dropdown-menu.profilBox.pull-right > li > a > i {
      color: #ccc;
  }
  
  .uk-search-large {
    width: 650px;
  }


/*  Gestion boite popup cookies */

.body-frame-flex[data-v-47556fe4] {
  width:40em !important;
}

/*  Expo costumes */

.rofmaxwidth100pct .uk-tile {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .page-accueil.rofmaxwidth100pct #zone-2 .panel-front, 
  .page-accueil .la-perichole #zone-2 .panel-front,
  .page-accueil .accueilcostumes #zone-2 .panel-front {
    max-width: 100%;
  }
  

/*  Masquage du bouton See All Results */

.MasqueBoutonAllResults .see_all_results {
    display:none !important;
}

/*  Page costume */


.uk-lightbox.uk-open {
    z-index: 1100 !important;
}

.uk-transition-slide-top {
  transform: none !important;
}

.uk-lightbox-toolbar.uk-position-top {
  background: rgba(0,0,0,0) !important;
}

.uk-overlay {
  background-color: rgba(0,0,0,0);
}

.expo-costumes-page-costume .uk-h3 {
  font-size: 36px; 
}

.expo-costumes-page-costume .uk-h5 {
  font-weight: 300; 
}

.expo-costumes-page-costume .citation {
  font-size: 20px; 
  font-family: 'Work Sans'; 
  font-weight: 300; 
  text-transform: none; 
  letter-spacing: 0px;
}

.expo-costumes-page-costume .expocitation {
  font-size: 14px; 
  font-family: 'Work Sans'; 
  font-weight: 300; 
  text-transform: none; 
  letter-spacing: 0px;
  color: #dd4652
}

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

.expo-costumes-page-costume .citation {
  font-size: 16px;
}
    
.expo-costumes-page-costume .uk-h3 {
  font-size: 30px; 
}
    
}


/* ================Intégration Header Janvier 2023===================== */

/* div ID mobile-actions */

#mobile-actions #dropMenu2 {
    padding: 0;
    line-height: 1;
  }
  
  @media (max-width: 767px) {
  #mobile-actions {
    background-color: transparent !important;
    box-shadow: none;
    float: right;
    position: relative;
    width: auto;
    margin: 27px 19px 0 0;
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    z-index: auto;
  }
  #mobile-actions .hamburger-mobile {
    margin: 0 0 0 5px;
    z-index: 999;
  }
  .lang-dropdown-mobile {
    padding-right: 5px;
  }
  .btn-group.my-account-mobile {
    z-index: 99;
    margin: 0 8px 0 0;
  }
  }
  
  .lang-dropdown-mobile {
    top: 0;
    z-index: 99;
  }
  
  .lang-dropdown-mobile #dropChangeCulture {
    color: #ccc;
  }
  
  .lang-dropdown-mobile {
      display:none;
  }
  
  /* div ID nav connexe */
  
  header {
      background-color: #171717;
  }
  
  
  
  .navbar-nav > li > .dropdown-menu {
      background: #171717;
  }
    
  #nav_connexe {
        width: 100%;
        max-width: 94%;
        justify-content: right;
        align-items: center;
        flex-direction: row-reverse;
      padding: 0px;
    }
    
  @media (min-width: 768px) {
    .button-my-account {
      margin: 0;
    }
  .btn-account {
      background: transparent;
      color: #1A1A1A;
      font-size: 16px;
      font-weight: 500;
      text-transform: none;
      padding: 0;
      border-radius: 0 !important;
      border: 0;
      overflow: hidden;
    }
  }
    
  .btn {
      -moz-transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease;
  }
    
  .btn-account, .btn-account:hover, .btn-account i, .btn-account:hover i, .all-link-connexe .btn-default, .all-link-connexe .btn-default:hover, .link-connexe::before, .link-connexe:hover::before, #ermes_main_menu li.LEVEL1, #ermes_main_menu li.LEVEL1:hover a, #ermes_main_menu li.LEVEL1 > a, #ermes_main_menu li.LEVEL1 a:hover, #ermes_main_menu li a, #ermes_main_menu li:hover a, #ermes_main_menu a:hover, .nav-tabs > li > a, .nav-tabs > li > a:hover, #scenario-selection, #scenario-selection:hover, #submit-search:hover span, #submit-search span, #globalAdvancedSearchLink, #globalAdvancedSearchLink:hover, .navbar-brand h1, .navbar-brand:hover h1, .btn-default, .btn-default:hover, .btn-primary, .btn-primary:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .facet-controls > a, .facet-controls > button, .facet-controls > a:hover, .facet-controls > button:hover {
      transition: all 0.35s;
  }
    
  #langue-btn {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      float: right;
  }
    
  ul.pipe-separators li::after {
      color: #fff;
      display: none;
  }
    
  /* div class navbar navbar-inverse */
    
  .navbar-inverse {
      min-height: 0;
      display: inline-block;
      background: transparent;
      float: left;
      /*! width: 100%; */
      /*! max-width: 100%; */
      height: 66px;
  }
    
  .navbar-container.container {
      padding-left: 20%;
      width: auto;
  }
  
  
    
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand {
      margin: -4px 5px 25px 0px;
      padding: 0;
      height: 76px;
      width: 232px;
  }
  .navbar-brand {
      width: 267px;
      height: 76px;
   background: transparent url(https://www.tous-a-lopera.fr/ui/skins/REOF/images/logo_talo_23.svg) no-repeat left center; 
      background-size: auto;
      background-size: contain;
  }
  }
  
  @media (max-width: 767px) {
  .navbar-brand h1 {
    font-size: 20px !important;
    margin-top: 10px;
  }
  }
    
  
    
  
    .navbar-brand h1 {
  display: none;
    }
  

  
  
    .navbar-brand h1 {
  color: #ccc;
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -.5px;
  margin-top: 36px;
    }
    
    .navbar-brand h1:hover {
  color: #fff;
    }
  
  @media (max-width: 767px) {
  .container > .navbar-header {
    width: 100%;
    text-align: center;
  }
  .navbar-inverse .navbar-brand {
    margin: 0px 0 0 0;
    float: none;
    display: inline-block;
  }
  .navbar-inverse .navbar-brand {
    padding: 0px 5px;
  }
  .navbar-container.container {
    padding-left: 15px;
  }
  }
  
  
  
  
    /* div class connectBox */
    
  @media (min-width: 768px) {
    .connectBox {
      padding: 22px 0;
    }
  }
  
  @media (max-width: 767px) {
  #menu-panel, .connectBox {
    position: absolute;
    z-index: 500;
    border: none;
    width: 100%;
  }
  }
    
  .connectBox {
      background: #333333;
  }
    
  /* div ID search-panel */
    
    #search-panel {
      background: transparent;
      padding: 0;
      margin: 0;
    }
    
    @media (min-width: 768px) {
    #search-panel {
      background: transparent;
      display: none;
    }
    #search-panel > .container {
      padding: 0;
      background: transparent;
      position: relative;
      max-width: 100%;
      width: 100%;
    }
    #search-panel .panel-body {
      background: #F4F5F7;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
      margin: 0 auto;
      padding: 70px 0;
      position: relative;
      max-width: 60%;
      float: none;
    }
    }
  
  @media (max-width: 767px) {
  #search-panel .panel-body {
    display: none !important;
  /*  
    width: 34px;
    position: absolute;
    margin: 0;
    padding: 0;
    background: transparent;
    float: right;
    overflow: hidden;
    right: 57px;
    top: 30px;
    z-index: auto;
  */
  }
  #search-panel {
  height:90px;
  }
  #main_search_form {
    display: none !important;
  }
  .tt-hint, #textfield, .clean-text-field {
    background: #E2001A url(images/search.svg) no-repeat center center !important;
      background-size: auto;
    height: 34px !important;
    width: 34px;
    text-indent: -9999px;
    padding: 0 !important;
    border: none !important;
    background-size: 18px !important;
  }
  }
  
   
    /* div ID menu-panel */
    
    @media (min-width: 768px) {
    #menu-panel {
      border-top: none;
      background: transparent;
      margin: 0;
      width: auto;
      padding: 0;
      text-align: center;
    }
    #menu-panel .panel-body {
      position: unset;
      margin-top: 0;
      padding: 0;
      width: 96%;
      max-width: 100%;
      background: #171717;
    }
    #ermes_main_menu {
      width: auto;
      background: transparent;
      padding: 0;
      float: right;
      margin: auto;
      position: unset;
      width: auto;
      z-index: 400;
      display: flex;
      align-items: center;
      flex-direction: row;
      height: 76px;
      padding: 0 15px;
  }
  #menu-panel .panel-body {
    padding: 0;
  }
  #nav-rich-menu, .portal-main-menu {
    background-color: #fff;
    height: 100%;
    padding: 90px 40px 30px;
  }    
  /* #ermes_main_menu .LEVEL1:not(:first-child,:last-child){  
       border-left: 1px solid #333;
      } */
    #ermes_main_menu li::before {
      content: '';
      width: 100%;
      height: 6px;
      position: absolute;
      bottom: 0;
      left: 0;
      display: none;
    }
    #ermes_main_menu > li > a::after {
      transition: all 250ms ease-in-out 0ms;
      height: 4px;
      width: 0;
      bottom: 10px;
      left: 30px;
      position: absolute;
      content: "";
      background-color: #E2001A;
    }
    #ermes_main_menu li {
      width: auto;
      background: none;
      border: none;
      margin: 0;
      padding: 0;
      height: 100%;
      display: block;
      font-size: 24px;
      float: left;
      color: #fff;
      text-align: center;
    }
    #ermes_main_menu li .LEVEL2 {
        padding: 3px;
        width: 100%;
      } 
  #ermes_main_menu li .LEVEL2 > a {
     justify-content: left;
      }
    #ermes_main_menu li > a {
      padding: 0 20px;
      color: #ccc;
      font-weight: 400;
      text-transform: uppercase;
      height: 100%;
      width: 100%;
      font-size: 16px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 100%;
      font-family: Work Sans;
      line-height: 1.4em;
    }
    #ermes_main_menu > li:first-child > a {
      background-color: transparent !important;
      background-image: url(images/home.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 20px;
    }
    #ermes_main_menu li.menu-separator-left > a::before {
      content: '';
      display: block;
      width: 1px;
      height: 30px;
      position: absolute;
      left: 0px;
      top: 30px;
      background: #636363;
    }
    /* loupe à la fin (last child) */
    #ermes_main_menu > li:last-child {
      height: 50px;
      width: 50px;
      border: 1px solid #666;
      border-radius: 50px;
    }
    #ermes_main_menu li.assisted-search-btn > a, #ermes_main_menu li.assisted-search-btn > a:hover {
      padding: 0 20px;
      width: 100%;
      height: 100%;
      background: transparent url('images/search.svg') no-repeat center center;
    }
      #ermes_main_menu li.assisted-search-btn {
        margin-left:10px;
      }
      #ermes_main_menu li.assisted-search-btn:hover {
        background-color:#050505;
      }
    }
  
  @media (max-width: 767px) {
  #menu-panel {
    top: 100px !important;
    border: none;
  }
  }
    
    
    #menu-panel {
      border: none;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: medium;
    }
    
    header .navbar-collapse {
      border: none;
    }
    
    ul.accessibility-links, .navbar ul {
      margin:0px;
    }
    
    div.sticky-menu-classic-observer {
        display:none;   
    }
  
  @media screen and (max-width:1340px) {
    #ermes_main_menu {
      width: 100%;
      justify-content: space-between;
    }

    @media (max-width: 767px) {
        .navbar > .container .navbar-brand {
          margin: 10px;
          padding: 0px;
          height: 76px;
          max-width: 200px;
      }
      .navbar-brand {
          width: 267px;
          height: 76px;
       background: transparent url(https://www.tous-a-lopera.fr/ui/skins/REOF/images/logo_talo_23.svg) no-repeat left center; 
          background-size: auto;
          background-size: contain;
      }
      }