/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*************************** Central Package CSS ******************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/


/***************  Navigation  ******************/

/*Font Navigation and buttons*/
#mainMenu > div > a, button#signInBtn, button#more-links-button, prm-topbar > div > prm-user-area-expandable > md-menu > button > span {
    font-size: small !important;
    font-weight: 500 !important;
    color: #111 !important;
}
    /*hover effect Navigation and buttons*/
    #mainMenu > div > a:hover, button#signInBtn:hover, prm-topbar > div > prm-user-area-expandable > md-menu > button:hover, button#more-links-button:hover,
    prm-search-bookmark-filter > a:hover, a#favorites-button:hover, a#search-button:hover, .md-button.button-as-link:hover:not([disabled]), .md-button.button-link:hover:not([disabled]), .md-button.button-link:focus:not([disabled]) {
        background-color: #ddd !important;
        color: #111 !important;
    }
/*remove capitalized text*/
.md-button {
    text-transform: none;
}
    /*Menu button*/
    button.button-with-menu-arrow.md-button.md-primoExplore-theme.md-ink-ripple:hover, button#signInBtn, .md-button.button-link,
    .md-button.button-as-link.link-alt-color, prm-icon md-icon, .section-title prm-icon, prm-icon.rotate-180, svg#chevron-up,
    span.user-name, span.menu-arrow, .md-button.button-as-link, #sidebar-trigger > prm-icon > md-icon {
        color: #111 !important;
    }
/*hide hover effect on Library Logo*/
#banner > a.md-button.md-primoExplore-theme.md-ink-ripple:hover {
    background: none;
}
/*background buttons*/
prm-search-bookmark-filter .md-button {
    background-color: #fff !important;
}
/*hiding Refworks from the pulldown menu*/
.my-refworks-ctm, .my-refworks-separator-ctm {
    display: none;
}
/*switch to advanced search button*/
button.switch-to-advanced.zero-margin.button-with-icon.md-button.md-primoExplore-theme.md-ink-ripple {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
}
.md-button.button-confirm {
    border: 1px solid #ffffff;
}
.md-button.md-primary:hover:not([disabled]), .md-button.md-primary:focus:not([disabled]), prm-favorites-labels .md-chips .md-chip.toggleable-chip:not(.chip-toggled-on) .md-chip-content:hover:not([disabled]), prm-favorites-labels .md-chips .md-chip:not(.chip-toggled-on) .md-chip-content:hover:not([disabled]), .bar prm-authentication .md-button:hover:not([disabled]), button.dismiss-alert-button:hover {
    color: #fff;
    background-color:#111;
}

/*the main color border on mobile view*/
@media (max-width: 599px) {
    prm-topbar .top-nav-bar {
        border-bottom-style: solid;
        border-bottom-width: 8px;
    }
}
/***************  Main Content  ******************/

/*backgound of the Textboxes Homepage*/
prm-search > div > md-content, md-card.default-card._md.md-primoExplore-theme {
    background-color: #fff !important;
    border-radius: 3px;
}

/*first header of the Textboxes*/
.cardbox h1 {
    font-size: 48px;
    line-height: 56px;
}

/*second header of the Textboxes*/
.cardbox h2 {
    font-size: 32px;
    line-height: 36px;
}
/*third header of the Textboxes (if needed)*/
.cardbox h3 {
    font-size: 26px;
    line-height: 30px;
}

/*removes the upper and lower space in a list */
.cardbox ul, .cardbox ol {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
/*links in the textboxes*/
md-card-content a, prm-service-details a {
    color: #222222 !important;
}
md-card-content a, prm-service-details a, div.courier-info > span a {
    text-decoration: underline !important;
}

    md-card-content a:hover, prm-service-details a:hover {
        color: #111;
        background-color: rgba(47, 47, 47, 0.1) !important;
}

/*Responsive Video Frame*/
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

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

/*footer layout*/
md-card.prm-primary-bg.psfooter {
    margin: 16px 0 0 0;
}
/*footer layout*/
md-card.prm-primary-bg.psfooter-legal {
    margin: 1px 0 0 0;
}
/*Responsive footer layout*/
@media (min-width: 960px) {

    md-card-content.prm-primary-bg.layout-align-gt-sm-end-stretch.flex-gt-sm-70 {
        text-align: end;
    }
}
/*footer links*/
md-icon.ps_icon, a.ps_link {
    margin-right: 5%;
    text-decoration: underline;
}

    /*md-icon.ps_icon:hover, a.ps_link:hover, a.ps_link.legal:hover, span.legal a:hover {
        background-color: rgba(61,110,148,.1) !important;
    }*/


/*footer text*/
md-card-content.prm-primary-bg {
    font-weight: 300;
}


/*links in the legal part of the footer*/
a.ps_link.legal, span.legal {
    font-size: 14px;
    font-weight: 300;
}

    /************************************************************************************************
span.legal {
    color: #14413c;
}
*/
    span.legal > a {
        /*color: #14413c;*/
        font-weight: 600;
    }

/*main container width for footer positioning*/
prm-static.md-padding.flex {
    min-width: 100%;
    padding: 0;
}

/*mainly white background*/
.prm-primary-bg.prm-hue1, prm-atoz-search-bar.prm-hue1, prm-browse-search-bar.prm-hue1, prm-collection-gallery-header .prm-hue1.collection-header-inner, prm-newspapers-search-bar.prm-hue1, prm-search-bar.prm-hue1, prm-spinner.prm-hue1.overlay-cover.light-on-dark:after, prm-tags-search-bar.prm-hue1, prm-topbar .top-nav-bar, prm-tree-nav prm-spinner .prm-hue1.diamond {
    background-color: #fff !important;
}


/*font color on white background*/
.hoverable-over-dark, .md-button.button-over-dark, prm-main-menu[menu-type=full] .md-button.md-focused, prm-main-menu[menu-type=full] .md-button .md-input-container-dummy > .md-select-dummy:focus, prm-main-menu[menu-type=full] .md-button:focus, prm-main-menu[menu-type=full] .md-button:hover, prm-main-menu[menu-type=full] .md-button md-select:focus, prm-main-menu[menu-type=full] .overlay-menu-item.md-focused, prm-main-menu[menu-type=full] .overlay-menu-item .md-input-container-dummy > .md-select-dummy:focus, prm-main-menu[menu-type=full] .overlay-menu-item:focus, prm-main-menu[menu-type=full] .overlay-menu-item:hover, prm-main-menu[menu-type=full] .overlay-menu-item md-select:focus, prm-main-menu[menu-type=full] md-button:focus, prm-main-menu[menu-type=full] md-button:hover, prm-topbar .md-button, prm-user-area .md-button.user-menu-button, prm-user-area md-fab-toolbar ._md-fab-action-item .md-button, prm-user-area md-fab-toolbar ._md-fab-action-item md-input-container, prm-user-area md-fab-toolbar .md-fab-action-item .md-button, prm-user-area md-fab-toolbar .md-fab-action-item md-input-container {
    color: #222 !important;
}

/***************  Brief results  ******************/

/*color of the Alertbar*/
.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg {
    /*background-color: #8dd8d8 !important;*/
    border: none !important;
}

/*backgound search results boxes*/
.list-item-wrapper {
    background-color: #f9f9f9;
}
/*Title color*/
prm-brief-result .item-title span {
    color: #333;
}

    prm-brief-result .item-title span:hover {
        color: #111;
        background-color: rgba(47, 47, 47, 0.1) !important;
    }

/*remove hover effect from title links*/
.md-button.arrow-link-button .button-content:focus, .md-button.arrow-link-button .button-content:hover, .md-button.arrow-link-button .hover.button-content, .md-button.arrow-link-button:focus .button-content, .md-button.arrow-link-button:hover .button-content, .recommendations-title.hover > span > span, .recommendations-title:hover > span > span, a.hover, a:focus, a:hover, prm-chapters-and-reviews md-card > .md-button:focus .item-title span, prm-chapters-and-reviews md-card > .md-button:hover .item-title span, prm-citation-trails-item.active-item md-card > .md-button:focus .item-title span, prm-citation-trails-item.active-item md-card > .md-button:hover .item-title span, prm-tags-list .md-chips .md-chip .md-chip-content:hover strong, prm-tags-list .md-chips md-chip .md-chip-content:hover strong, prm-tags-list md-chips .md-chip .md-chip-content:hover strong, prm-tags-list md-chips md-chip .md-chip-content:hover strong {
    box-shadow: none !important;
}

/*background color of bookmarked items*/
.list-item-wrapper .item-bookmarked, .list-item-wrapper .item-bookmarked:hover, .prm-highlight, .prm-highlight.prm-hue1, prm-breadcrumbs .md-chip.persistent-facet, prm-breadcrumbs .prm-hue1.md-chip.persistent-facet {
    background-color: #ddd !important;
}

/*hover effect on all Links*/
.md-button.arrow-link-button .button-content:focus, .md-button.arrow-link-button .button-content:hover, .md-button.arrow-link-button .hover.button-content,
.md-button.arrow-link-button:focus .button-content, .md-button.arrow-link-button:hover .button-content, .prm-links-background.prm-hue-1,
.recommendations-title.hover > span > span, .recommendations-title:hover > span > span, a.hover, a:focus, a:hover,
prm-chapters-and-reviews md-card > .md-button:focus .item-title span, prm-chapters-and-reviews md-card > .md-button:hover .item-title span,
prm-citation-trails-item.active-item md-card > .md-button:focus .item-title span, prm-citation-trails-item.active-item md-card > .md-button:hover .item-title span,
prm-tags-list .md-chips .md-chip .md-chip-content:hover strong, prm-tags-list .md-chips md-chip .md-chip-content:hover strong,
prm-tags-list md-chips .md-chip .md-chip-content:hover strong, prm-tags-list md-chips md-chip .md-chip-content:hover strong {
    color: #222 !important;
}

div.custom-links-container.layout-wrap.layout-align-sm-start-start.layout-align-center-start.layout-row > div > a:hover {
    background-color: #6b6b6b !important;
}

/*Facet titles*/
span.section-title-header:hover {
    color: #8a8a8a !important;
}
/*underlined search results*/
/*.text-highlight, mark {
    box-shadow: inset 0 -0.15em 0 0 #8dd8d8;
}*/

/*versions link and other*/
.getit, .md-button.arrow-link-button prm-search-result-frbr-line .button-content > prm-icon:first-child, .prm-notice, .status-maybe, .worldcat, [class*=_more], [class*=_unknown], [class*=check_], [class*=does_not_exist], [class*=may_], [class*=NFT], prm-search-result-frbr-line .md-button.arrow-link-button .button-content > prm-icon:first-child, prm-search-result-frbr-line a > prm-icon:first-child, prm-service-links a {
    color: #222 !important;
}
/*icon color and text color in request forms*/
.prm-primary-color, .request-form md-input-container label, .request-form md-input-container label:not(.md-no-float):not(._md-container-ignore), .request-form md-input-container md-select .md-select-value.md-select-placeholder, .request-form md-input-container .md-input-container-dummy > .md-select-dummy .md-select-value.md-select-placeholder, .request-form md-input-container md-select ._md-select-value._md-select-placeholder, .request-form md-input-container .md-input-container-dummy > .md-select-dummy ._md-select-value._md-select-placeholder, .result-item-actions .md-icon-button, .result-item-actions .more-options-button, prm-add-query-to-saved-searches .custom-button, prm-pre-filters md-input-container.is-active, .md-autocomplete-suggestions .suggestion-scope, md-tab-content .tab-content-header md-input-container md-select-value .md-text {
    color: #222 !important;
}
/*space between item details in Fullview*/
#item-details > div > div {
    margin-bottom: .8em !important;
}

/*fullview background of the left part*/
.md-dialog-container.fixed-container {
    background-color: #444 !important;
}

/*background color of the signin window and the fullscreen navigation*/
md-backdrop._md-dialog-backdrop.md-opaque.md-primoExplore-theme {
    background-color: #1f1f1f !important;
}
/*text color of the signin window and the fullscreen navigation*/
prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline, .light-on-dark-dialog .md-button.button-as-link, .light-on-dark-dialog .md-button.button-confirm, md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button  {
    color: #fff !important;
}
/*hiding the Library Logo in the login window*/
.login-header {
    display: none;
}
/*alertbar for the courier info*/
.courier-info {
    margin: 0px 8px;
}
/*Library info icon*/
prm-location-items-after > div > span > a > img {
    vertical-align: middle;
    max-width: 30px;
    margin: 4px 12px;
}

/*Library card Personal details display*/
#personalDetails > md-card-content > div {
    flex-flow: column;
}
#prm_contact\.address_1 {
    width: 400px;
}

/******************************************************************************/
/************************************ Help Page *******************************/
/******************************************************************************/
#help img {
    max-width: 100%;
    height: auto;
}

img.icon_up1 {
    width: 16px;
    float: right;
    margin: 13px 2px;
}

img.icon_up2 {
    width: 10px;
    float: right;
    margin: 4px;
}

a > h3:hover {
    background-color: #eee !important;
}

/*****************lenght of the address field in personal details**************/
/*#personalDetails > md-card-content {
    flex-direction: column;
}
#prm_contact\.address_1 {
    min-width: 420px;
}*/

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/********************** End of the Central Package CSS ************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*************************** EPFL CUSTOM COLORS *******************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

/* This file contains the EPFL part of the custom package. The SLSP part is in
   the custom_slsp.css file. */

/*****************This two entries are the background of the primary color*******************/

.prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-search-bar, prm-newspapers-search-bar,
prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond, .prm-primary-bg,
md-checkbox.md-checked ._md-icon, md-tabs md-ink-bar, md-radio-button.md-checked ._md-on, button.switch-to-simple, .md-button.button-confirm {
    background-color: #ff0000 !important;
}

@media (max-width: 599px) {
    prm-topbar .top-nav-bar {
        border-color: #ff0000 !important;
    }
}



/*****************This entry is the mouse over background of the links and buttons*******************/
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-icon.ps_icon:hover, a.ps_link:hover, a.ps_link.legal:hover, span.legal a:hover, button.switch-to-advanced:hover,
button.switch-to-simple:hover, .md-button.button-confirm:hover {
    background-color: #ae0010 !important;
}




/*****************This two entries are the font color of the primary color*******************/

.prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-newspapers-search-bar,
 prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond, .prm-primary-bg, .md-button.switch-to-advanced, button.switch-to-simple,
 span.legal, span.legal > a, a.ps_link.legal, .ps_icon, md-card.prm-primary-bg.psfooter > md-card-content a, md-checkbox.md-checked ._md-icon, .md-button.button-confirm {
        color: #fff !important;
    }

button.switch-to-advanced.zero-margin.button-with-icon.md-button.md-primoExplore-theme.md-ink-ripple {
    border-color: #c1c1c1 !important;
}



/*****************This two entries are the background of the secondary color*******************/

.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg {
    background-color: #ffcccc !important;
}

.text-highlight, mark {
    box-shadow: inset 0 -0.15em 0 0 #ff0000 ;
}


/*****************This entry is the font color of the secondary color*******************/

.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg, .bar prm-authentication .md-button, button.dismiss-alert-button, div.courier-info > span a {
    color: #111111 !important;
}


/*****************This entry remove default color from various forms*******************/

.md-input-color-underline, .new-result-item .list-item-count, .prm-secondary-bg.prm-hue1,
md-input-container.empty-select-on-init:not(.md-input-focused) .md-input-container-dummy > .md-select-dummy md-select-value::after,
md-input-container.empty-select-on-init:not(.md-input-focused) md-select md-select-value::after, md-input-container::after,
md-progress-linear[md-mode="indeterminate"].header-progress-bar .prm-hue1.md-bar, md-radio-button.md-checked ._md-on,
md-radio-button.md-checked .md-on, md-tabs md-ink-bar, prm-tags-list .md-chips ._md-chip-input-container::after,
prm-tags-list .md-chips .md-chip-input-container::after, prm-tags-list md-chips ._md-chip-input-container::after,
prm-tags-list md-chips .md-chip-input-container::after {
    background-color: #ff0000 !important;
}

/*****************This entry adapt the message fee*******************/

.feemsg {
    background-color: #ffcccc;
    border-radius: 3px;
    padding: 8px;
}

.feemsg>div {
    margin-left: 10px;
}

.bigfont {
    font-size: 20px;
}

/*****************Selected text color*******************/

::selection {
  background: #ffbe8f; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffbe8f; /* Gecko Browsers */
}

/*****************This entry remove default color from various texts*******************/

md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item > .md-no-style .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list md-list-item > .md-no-style .md-list-item-text h3, md-dialog.light-on-dark-dialog md-list md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog md-list md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog md-list md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog md-list md-list-item > .md-no-style .md-list-item-text h3, md-button.arrow-link-button md-dialog.light-on-dark-dialog .button-content, md-dialog.light-on-dark-dialog .md-button.arrow-link-button .button-content, md-dialog.light-on-dark-dialog a{
    color: #ffcccc !important;
}

/* Bouton pour confirmer une demande */
prm-request button.md-button.button-confirm{
    background-color: #080 !important;
}
prm-request button.md-button.button-confirm:hover{
    background-color: #050 !important;
}

/* Fix SLSP pour la couleur du bouton secondaire */
.bar prm-authentication .md-button:hover:not([disabled]), button.dismiss-alert-button:hover{
    background-color:#ffdddd !important;
    border: 1px solid #ae0010;
}

/* Fix SLSP pour le bouton ""élargir" */
button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple{
    background-color: #D3D3D3!important;
}


md-card.psfooter, md-card.psfooter-legal,
md-card.psfooter > md-card-content.prm-primary-bg, md-card.psfooter-legal > md-card-content.prm-primary-bg,
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-card.prm-primary-bg.psfooter-legal > md-card-content a:hover{
    background-color: #d6d6d6 !important;
}

md-card.psfooter md-card-content, md-card.psfooter-legal md-card-content,
md-card.prm-primary-bg.psfooter > md-card-content a, md-card.prm-primary-bg.psfooter-legal > md-card-content a,
md-card.prm-primary-bg.psfooter-legal span.legal {
    color: #3a3a3a !important;
}

md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-card.prm-primary-bg.psfooter-legal > md-card-content a:hover {
        color: #ff0000 !important;
}

/* Couleur rouge pour les logos téléphone, mail, etc. */
.puce{
    text-decoration: none !important;
}
.puce > span:first-child{
    color: #ff0000;
    fill: #ff0000;
}
h1.md-headline{
    font-size: 36px;
    line-height: 42px;
}
h2.md-headline{
    font-size: 28px;
    line-height: 34px;
}
md-content.epfl-row {
    justify-content: center;
}
.epfl-row md-card-title{
    flex: none;
}
.epfl-row md-card {
    height: 100%;
}
.epfl-social a{
    text-decoration: none !important;
}

prm-account-links-after p {
    margin-top: 10px;
}


/* Empêcher les retours à la ligne pour les cotes */
span[ng-if="$ctrl.location.callNumber"]{
    white-space: nowrap
}

/*****************This entry adapt the message fee*******************/

.feemsg {
    background-color: #ffcccc;
    border-radius: 3px;
    padding: 8px;
}

.feemsg>div {
    margin-left: 10px;
}

.bigfont {
    font-size: 20px;
}


/* Bouton de la recherche avancée */
.search-switch-buttons span{
    font-variant: small-caps;
    font-size: 1.15em;
}
.search-switch-buttons button{
    border: none !important;
}

/* Message d'alerte */
prm-search-bar>div {
    height: inherit !important;
    min-height: inherit !important;
}
prm-search-bar-after>div {
    background-color: #fff !important;
    margin-top: 20px;
    padding: 10px 15px;
}
prm-search-bar-after p {
    margin: 0 12px;
}
.info-symbol::before {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%234a90e2' width='34' height='34' rx='4'/%3E%3Cpath d='M17 25V15M17 13V9' stroke='%23FFF' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: .6rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -.8rem;
}
.info-symbol {
    position: relative;
}
.info-symbol div {
    margin-left: 50px;
}
prm-search-bar-after p {
    padding: .25em 0 .25em;
    margin: 0;
}
prm-search-bar-after a {
    color: black;
    text-decoration: underline;
}

/* Mise en évidence des boutons pour les demandes de service */
/* span[translate="AlmaRequest"] {
    text-decoration: underline #0B0 3px;
    padding: 2px 6px;
}
span[translate="AlmaRequest"]:hover{
    background-color: #050 !important;
    text-decoration: none;
    color: white;
    border-radius: 2px;
}
span[translate="nui.request.request"]{
    display: none;
} */

/* Soulignement des boutons proposant un service */
prm-service-button button, .greenbutton {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
prm-service-button button > span, .greenbutton>span {
    background-color: #080 !important;
    color: white !important;
    padding: 2px 6px;
    border-radius: 2px;
}
prm-service-button button > span:hover, .greenbutton>span:hover {
    background-color: #050 !important;
}

/* Suppression du sous-titre demande */
span[translate="nui.request.request"]{
    display: none;
}

/* Suppression du bouton PEB
span[translate="AlmaResourceSharing"]{
    display: none;
}
.links-block .separated-block-item::after{
    content: none !important;
} */

/* Crée la place pour le titre et le sous-titre */
prm-topbar {
    height: 150px !important;
}
prm-main-menu[menu-type="menu"],
.top-nav-bar,
prm-search-bookmark-filter
{
    max-height: 60px !important;
    height: 60px !important;
    min-height: auto !important;
}

/* Mise en forme du titre et sous-titre */
.main-title{
    padding: .85em;
    background-color: white;
}
.main-title h1{
    font-size: 2em !important;
    margin-bottom: 0;
}
.main-title h1 > a{
    color: black;
}
prm-main-menu[menu-type="menu"] #mainMenu>div {
  border-bottom: solid #ddd 1px;
}
.main-title h2{
    font-size: 1.2em !important;
    font-weight: bold;
}

/* Adapte le sous-titre lorsque l'écran est relativement petit */
@media only screen and (max-width: 660px){
    .main-title h2{
            font-size: 1.1em !important;
        }
}

/* Menu sur les petits écrans */
prm-main-menu[menu-type="full"] .md-button .md-headline{
    color: #ff9999 !important;
}
prm-main-menu .md-subhead{
    display: none;
}
.__sm prm-main-menu[menu-type="full"] .settings-container + md-divider{
    margin-top: 6em !important;
}

/* Menu sur grand écran */
prm-main-menu[menu-type="menu"] .button-over-dark,  prm-topbar .md-button:not(.disable-hover){
    color: #222  !important;
}

/* Petit triangle du menu */
prm-user-area-expandable .button-with-menu-arrow:hover .menu-arrow:hover:not([disabled]){
    background-color:  inherit;
}