/*@import "/ui/skins/ermes-standard/style.css";*/
@import "polices/polices.css";
@import url(../standard/portal/front/modeles.css);
@import url(../standard/portal/front/style.css);
@import url(../syracuse/syracuse.css);


/*couleurs
Bleu fond: #b3d6fd
Bleu texte: #7ab9ff
*/


/*
body {
    background: url("images/body.png") no-repeat scroll center top #ffffff;
    color: #000000;
    font-family: "SourceSansPro";
}
*/


/* test yannis pour enlever le bg sur le player integré dans une autre page avec une image du concert en BG */


/*! correction bug play/pause dans chrome guillaume */

.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-playback {
    /*pointer-events:none!important;*/
}


/* fonctionne pour collection du musee et ressources-digital mais pas catalogue*/

body.mediatheque.accueil-modele
{
    color: #001b3b;
}

body.mediatheque.ext4
{
    color: #001b3b;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
}
body.mediatheque.accueil-modele,
body.mediatheque,
body.mediatheque.ext4
{
    background: #ffffff;
}

body.ext4,
body.accueil-modele {
    color: #001b3b;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
}

.btn-default {
    background-color: #b3d6fd;
    border-color: #b3d6fd;
    color: #001b3b;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #b3d6fd;
    border-color: #b3d6fd;
    color: #001b3b;
}

header,
#search-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}

#globalScenarioMobile {
    background: none repeat scroll 0 0 #ffffff;
}

#globalScenarioMobile .active,
#globalScenarioMobile .active:hover,
#globalScenarioMobile .active:focus {
    background: none repeat scroll 0 0 #b3d6fd;
    color: #001b3b;
}

#globalScenarioMobile>li>a {
    color: #001b3b;
}

#globalScenarioMobile>li>a:hover,
#globalScenarioMobile>li>a:focus {
    background-color: #b3d6fd;
    color: #001b3b;
}

.dropdown-menu .active>a,
.dropdown-menu .active>a:hover,
.dropdown-menu>.active>a:focus {
    background: none repeat scroll 0 0 #000000;
}

.site-btn.btn-group {
    margin-right: 50px;
}

.connectBox {
    background: none repeat scroll 0 0 #000000;
    padding-bottom: 14px;
}

.connectBox .form-control {
    background: none repeat scroll 0 0 #ffffff;
}

.btn-validation,
.btn-validation:hover {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none #ffffff;
    color: #000000;
}

#nav_connexe .caret {
    border-color: #ffffff rgba(0, 0, 0, 0);
}

@media (min-width: 768px) {
    .btn-account {
        background-color: #000000;
        padding: 12px 16px 8px;
        font-size: 14px;
    }
    .icon-lock {
        position: relative;
        top: -2px;
    }
}

.header-banner-menu {
    position: relative;
}

#langue-btn {
    right: 130px;
    top: -220px;
    z-index: 8;
}

#langue-btn,
#langue-btn a,
#langue-btn a.active {
    color: #ffffff;
}

.site-btn a,
.site-btn a.active {
    color: #ffffff;
}

#nav_connexe {
    position: relative;
    background: none repeat scroll 0 0 #000000;
    padding: 0;
    min-height: 41px;
}

#identite_utilisateur {
    left: 10px;
    top: 11px;
    padding: 0;
    font-size: 14px;
}

#dropChangeSite {
    padding-top: 8px;
}

.header-banner-menu .all-link-connexe div:nth-child(1) .btn {
    background: url("images/reseaux_connexes.png") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);
    text-indent: -9999px;
}

.header-banner-menu .all-link-connexe div:nth-child(2) .btn {
    background: url("images/reseaux_connexes.png") no-repeat scroll -30px 2px rgba(0, 0, 0, 0);
    margin: 0 16px;
    padding: 2px 8px;
    text-indent: -9999px;
}

.header-banner-menu .all-link-connexe div:nth-child(3) .btn {
    color: #ffffff;
    font-size: 16px;
}

.header-banner-menu div:nth-child(4),
.header-banner-menu div:nth-child(5),
.header-banner-menu div:nth-child(6) {
    left: 76px;
    position: absolute;
    top: 70px;
    z-index: 2;
}

.header-banner-menu div:nth-child(5) {
    /*    left: 294px;*/
    left: 209px;
}

.header-banner-menu div:nth-child(6) {
    /*left: 416px;*/
    left: 330px;
}

.header-banner-menu .btn {
    background: none repeat scroll 0 0 #000000;
    border-color: #000000;
}

.header-banner-menu .btn-default {
    color: #fff;
}

.header-banner-menu div:nth-child(4) .btn,
.header-banner-menu div:nth-child(5) .btn,
.header-banner-menu div:nth-child(6) .btn {
    background: none repeat scroll 0 0 #ffffff;
    border-color: #ffffff;
    color: #001b3b;
    font-size: 14px;
    padding: 13px 37px;
}

.header-banner-menu div:nth-child(5) .btn {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.header-banner-menu .btn:hover,
.header-banner-menu .btn:focus {
    color: #ffffff;
}

.mediatheque .navbar-brand h1 {
    /* text-indent: -9999px; */
    /*width: 276px;*/
    /* width: 294px; */
    /*logo ressources*/
}

.navbar>.container .navbar-brand {
    /* margin: 18px 0 0 6px; */
    margin: 35px 0 0 6px;
}

.navbar-inverse .navbar-brand {
    background: url("images/brand.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*background: url("images/Logo-PP-Ressources.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    padding: 0;
}

#menu-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    position: absolute;
    top: 166px;
    width: 100%;
}

#search-panel .container {
    background: none repeat scroll 0 0 #f5f5f5;
    margin-top: 90px;
}

#search-panel .panel-body.col-md-8 {
    padding: 17px 0 57px 17px;
    width: 97%;
}

#search-panel {
    color: #001b3b;
}

#globalAdvancedSearchLink {
    display: none !important;
}

#scenario-selection {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #001b3b;
	font-family: 'Philharmonique', sans-serif;
	font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
}

#textfield,
.clean-text-field {
    border: 1px solid #001b3b;
    color: #001b3b;
    height: 40px;
}

.tt-hint {
    height: 40px;
}

.input-group-btn>.btn+.btn {
    margin-left: 0;
}

.btn.clean-text-field:hover {
    color: #001b3b;
}

#scenario-selection,
#submit-search {
    height: 40px;
    line-height: 40px;
}

#submit-search {
    background: url("images/submit-search.png") no-repeat scroll center center #b3d6fd;
    border: medium none #b3d6fd;
    color: #001b3b;
    width: 40px;
}

#submit-search .icon-search:before {
    visibility: hidden;
}

.tt-dropdown-menu {
    border: 1px solid #001b3b;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tt-suggestion.tt-cursor {
    background-color: #b3d6fd;
    color: #001b3b;
}

.tt-suggestion.tt-cursor p {
    color: #001b3b;
}

#ariane {
    margin: -95px 0 0;
}

#ariane span {
    background: none repeat scroll 0 0 #ffffff;
}

#ariane span.texte {
    padding: 0 4px 0 8px;
}

#ariane .actif {
    color: #7ab9ff;
    padding: 0 8px 0 0;
}

#ermes_main_menu li.LEVEL1 .caret {
    display: none;
    /* Pour afficher les fleches du dropdown main menu : */
    /*
    display: inline-block;
    border-bottom-color: #000;
    border-top-color: #000;
    margin-left: .5rem;
    opacity: 1;
*/
}

@media (min-width: 768px) {
    #ermes_main_menu li.LEVEL1 {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        /*background: none repeat scroll 0 0 #000000;*/
        border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ffffff;
        -o-border-image: none;
        border-image: none;
        border-style: none none none solid;
        border-width: medium medium medium 1px;
        margin: 0;
    }
    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus,
    #ermes_main_menu li.LEVEL1 a:hover {
        background: none repeat scroll 0 0 #000000;
    }
    #ermes_main_menu li.LEVEL1 li.LEVEL2 a:hover {
        background: none repeat scroll 0 0 #000000;
        color: #ffffff;
    }
    #ermes_main_menu li.LEVEL1:first-child {
        border: medium none;
    }
    #ermes_main_menu li.LEVEL1>a {
        padding: 17px 22px;
    }
}

.typeDoc-marqueur,
.categorie-marqueur {
    display: none!important;
}

.panel-front,
.panel-selection {
    background: none repeat scroll 0 0 #ffffff;
}

h2,
.panel-front>.x-panel-header span {
    background: transparent;
    color: #001b3b;
    font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: normal;
}

.edutheque h2,
.edutheque .panel-front>.x-panel-header span {
    font-size: 1.438rem;
}

h2 span {
    background: none repeat scroll 0 0 #ffffff;
    padding-right: 5px;
    display: inline-block;
    /*    padding: 8px;*/
}

h3,
h4,
p,
.frame {
    color: #001b3b;
}


/* ddenocq 20181003 - longueur du texte d'accroche*/

p.describe,
p.longtexte {
    font-size: 14px;
    overflow: hidden;
    display: block;
}

.border-gris img {
    width: 100%;
    margin-bottom: 11px;
    object-fit: cover;
    max-height: 400px;
}

footer {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    /*display:none;*/
}

footer .container {
    /*background: none repeat scroll 0 0 #000000;*/
}


/* ============= RECHERCHE  =========== */

.pagination-container.col-md-7 {
    width: 40%;
}

.search-icon-container.mobile,
.search-icon-container.mobile .btn.precedent,
.search-icon-container.mobile .btn.suivant {
    background: none repeat scroll 0 0 #b3d6fd;
    color: #000000;
}

.search-icon-container.mobile>.btn-group,
.search-icon-container.mobile .btn {
    background: none repeat scroll 0 0 #7ab9ff;
    color: #000000;
}

.search-icon-container.mobile {
    top: 0;
}

#multi_selection .bouton_detail {
    background: none repeat scroll 0 0 #ffffff;
}

.badge {
    color: #7ab9ff;
}

#resultats_recherche .panel-heading {
    padding: 30px 30px 30px 20px;
}

.search-icon-container {
    right: 0;
    top: -10px;
}

#criteres_recherche,
.navigation-page,
.intro {
    padding: 0 15px 0 20px;
}

#criteres_recherche p,
#description_resultats,
.taille_page {
    color: #7ab9ff;
    font-weight: bold;
}

#notice_longue .vignette_document img.ermes-thumb {
    max-width: 300px;
}

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


/*
.criteres_tri .hidden-xs.hidden-sm span.site-restriction label {
	display:none !important;
}
*/

.criteres_tri .site-restriction {
    margin-left: 0;
}

.criteres_tri .displaymode-icon-container {
    margin-left: 162px;
    margin-top: -30px !important;
}

#containerSearchList .item {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.criteres_tri {
    position: absolute;
    right: 110px;
    top: 0;
    width: 240px;
}

.navigation {
    position: relative;
}

#aside.col-md-4 {
    width: 24% !important;
}

#aside.col-md-pull-8 {
    right: 75.4% !important;
}

#aside .panel-body {
    padding: 0;
}

#aside .facetList {
    padding-left: 0;
    padding-right: 0;
}

#aside .facet-collapse {
    padding: 0;
}

#resultats_recherche.col-md-push-4 {
    left: 25% !important;
}

#resultats_recherche.col-md-8 {
    width: 75% !important;
}

#containerSearchList .vignette_document img.ermes-thumb {
    width: 250px;
}

.additional-infos {
    color: #001b3b;
    font-weight: normal;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    background-color: #b3d6fd;
    border-color: #b3d6fd;
    color: #001b3b;
}

.pagination>li>a,
.pagination>li>span {
    border-color: #001b3b;
    color: #001b3b;
    font-size: 14px;
	z-index: 1;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-color: #7ab9ff;
    color: #7ab9ff;
	z-index: 1;
}

.criteres_tri .site-restriction label.label-tri {
    color: #001b3b;
    display: none !important;
}

.criteres_tri .sort-order {
    background-color: #b3d6fd;
    padding-left: 0;
}

.displaymode-icon-container.desktop button,
.siteRestriction-icon-container.desktop button,
.sort-order button {
    background-color: #b3d6fd;
    color: #001b3b !important;
}

.displaymode-icon-container.desktop .searchList-btn button {
    padding-right: 38px;
}

.pageSize-container button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.displaymode-icon-container .active,
.siteRestriction-icon-container .active,
.pageSize-container .active,
.sort-order .active {
    background-color: #7ab9ff !important;
    color: #000000 !important;
}

#resultats>ul>li {
    background: none repeat scroll 0 0 #f5f5f5;
    border-color: #ffffff;
}


/*
#resultats .select {
    display: none !important;
}
*/

.select-all {
    background: none repeat scroll 0 0 #b3d6fd;
}

#resultats .notice_courte .notice_metadata {
    display: none !important;
}

#documents_memorises .notice_courte .notice_metadata {
    display: block !important;
}

.notice.notice_courte,
.statut,
.statut-disabled,
.statut-primaryDoc {
    margin-right: 0;
}

.statut,
.statut-disabled {
    background: none repeat scroll 0 0 #ffffff;
}

.btn-action {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}

.btn-action:hover {
    font-weight: normal;
}

#resultats>ul>li .btn-action {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #000000;
}

#resultats>ul>li .btn-action:hover {
    font-weight: normal;
}

.btn-dark {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}

#resultats>ul>li .btn-dark {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}

h2.category_header {
    color: #000000;
    font-size: 30px;
    font-weight: normal;
}

h2.category_header span {
    background: none repeat scroll 0 0 #f9f9f9;
}

#multi_selection_simple .bouton_detail,
#multi_selection .bouton_detail {
    color: #000000;
}

#detail-notice-rebound h2.category_header span {
    background: none repeat scroll 0 0 #ffffff;
}

#detail-notice-enrichissements h2.category_header span {
    background: none repeat scroll 0 0 #ffffff;
}

.btn-info {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}

.nav-tabs {
    border-color: #000000;
}

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

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

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background-color: #000000;
    border-color: #000000;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #000000;
}

.tab-content {
    color: #000000;
}

.tab-content a {
    color: #7ab9ff;
    text-decoration: underline;
}

.tab-content a:hover {
    text-decoration: none;
}

.suggestion_container {
    margin-top: 30px;
}

.suggestion_container h3 {
    color: #7ab9ff;
}

.well {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #000000;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.well a {
    color: #000000;
}

.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsThumbs,
.rsDefaultInv .rsVideoFrameHolder {
    color: #000000;
}

#enrichissements h3 {
    color: #7ab9ff;
}

#enrichissements .INA_video_description h3 {
    color: #000000;
}

.content_tab {
    border-left: 1px solid #000000;
}

.bs-bullets button,
.bs-bullets button:focus,
.bs-bullets button:active,
.bs-bullets button:hover {
    border-color: #000000;
    border-radius: 0;
    border-width: 1px;
}

.bs-bullets .rsNavSelected button {
    background: none repeat scroll 0 0 #000000;
}

.more-actions {
    top: -35px;
    right: -765px;
}


/* ============= COMPTE  =========== */

.myaccount-profile {
    border: medium none;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background: none repeat scroll 0 0 #000000;
}

.myaccount-activity .myaccount-welcome .user-name a {
    color: #7ab9ff;
}

.myaccount-profile .account-label {
    color: #7ab9ff;
    font-weight: bold;
}

.myaccount-rights ul li.member-right,
.myaccount-rights ul li.reader-right {
    background: none repeat scroll 0 0 #000000;
}

.myaccount-tags .myaccount-tagcloud {
    background: none repeat scroll 0 0 #000000;
    border-radius: 0;
}

.myaccount-tags .myaccount-tagcloud a,
.myaccount-tags .myaccount-tagcloud li.tag-weight-3 span {
    color: #ffffff;
}

.myaccount-comments .comments-box {
    border: medium none;
}

.myaccount-comments h3 {
    color: #000000;
}

#avis_lecteurs blockquote strong {
    color: #000000;
}

#avis_lecteurs blockquote p,
#avis_lecteurs blockquote small {
    color: #000000;
}

.summary-details .details-wrapper {
    background-color: #000000;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.summary-details .valid {
    color: #b3d6fd;
}

.myaccount-loans .loans-summary .valid {
    color: #b3d6fd;
}

.account-comments-see {
    color: #7ab9ff;
    font-weight: bold;
}

.summary-details .nonvalid {
    color: #ffffff;
}

.myaccount-loans ul.notice .myaccount-actions ul li a span {
    color: #000000;
}

.reservation-results .panel-info>.panel-heading {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
}

.myaccount-loans ul.notice li .additional-infos .loan-additional-info {
    border-color: #ffffff;
}


/* ============= ENCARTS  =========== */

.panel-front,
.panel-selection {
    border: 1px solid #ebebeb;
}

div.webframe-ermes-lastviewedresources-item,
div.webframe-ermes-openfindselection-item {
    background: none repeat scroll 0 0 #ffffff;
}

.webframe-ermes-lastcomments blockquote {
    border-color: #b3d6fd;
}

.frame-no-border {
    border: medium none;
}

.frame-no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.frame-no-padding .panel-front {
    padding: 0;
}

.frame-no-padding .panel-selection {
    padding: 0;
}

#resultats_recherche .panel-front {
    border: medium none;
}


/* ========== ENCARTS MODELES  ========== */

.frame .img-noresponsive {
    max-width: none;
}

.modele_onglet_x4 h3 {
    color: #7ab9ff;
}

.modele-4-col .media:first-child,
.modele-4-col .media .media:first-child {
    margin-top: 15px;
}

.modele-4-col .media-body {
    padding: 0 10px 10px;
}

.modele-4-col .media-body p.line,
.modele-4-col .media-body p.evene {
    font-size: 14px;
}

.modele-4-col .border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ebebeb #ebebeb;
    -o-border-image: none;
    border-image: none;
    border-right: 1px solid #ebebeb;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    border-color: #ebebeb;
}

.modele-4-col .describe {}

.modele-4-col .date {}

.modele-4-col hr {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    height: 1px;
    margin: 0 0 10px;
    width: 30px;
}

.modele-image-gauche-texte-droite .media-body {
    padding: 0;
}

.modele-image-gauche-texte-droite .pull-left {
    margin-right: 20px;
}

.modele-image-gauche-texte-droite hr {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    height: 1px;
    margin: 0 0 10px;
    width: 30px;
}

.modele-image-gauche-texte-droite .thumbnail {
    background: none repeat scroll 0 0 #b3d6fd;
    border: medium none;
    padding: 0;
}

.modele-image-gauche-texte-droite.jaune .thumbnail {
    background-color: #fddea3;
}

.modele-image-gauche-texte-droite .btn {
    background: none repeat scroll 0 0 #ffffff;
}

@media (min-width: 240px) and (max-width: 374px) {
    .modele-image-gauche-texte-droite .pull-left {
        float: none !important;
    }
    .modele-image-gauche-texte-droite .media-body {
        padding: 0 10px 10px;
    }
}


/* ============  MEDIA QUERIES LAYOUT =============*/

@media (min-width: 240px) and (max-width: 767px) {
    h1 {
        font-size: 75px;
    }
}

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

@media (min-width: 320px) and (max-width: 374px) {}

@media (min-width: 375px) and (max-width: 383px) {}

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

@media (min-width: 414px) and (max-width: 567px) {}

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

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

@media (min-width: 667px) and (max-width: 735px) {}

@media (min-width: 736px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 1023px) {}

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


/*
.criteres_tri .select-all {
	display:none !important;
}
*/


/* =================  DESACTIVATION/INVISIBILITE    =================*/

.site-btn {}

#ariane {
    visibility: hidden;
}

#main_search_form .clean-text-field {
    display: none;
}

#options_resultat .panel-heading,
#resultats_recherche .panel-heading h2 {
    display: none;
}

#resultats_recherche .panel-body {
    margin-top: -30px;
}

#facet_container .panel-heading {
    display: block;
}

.criteres_tri .site-restriction {
    /*    display: none;*/
}

.notice_avis {
    display: none;
}

.addthis_toolbox.visible-sm.visible-lg {
    display: none !important;
}

#document_actions {
    display: none;
}

#notice_longue .metadata-actions {
    display: none;
}

#nav_connexe .site-btn {
    visibility: hidden;
}

.register_user_link {
    visibility: hidden;
}


/* ==============================================================*/

span.popup-aut-popup {
    padding-left: 5px;
    cursor: pointer;
}

.icon-search:before {
    content: "";
}

.icon-resize-full:before {
    content: "";
}


/*
.icon-resize-full:before {
    content: "\e82d";
}*/

.icon-resize-small:before {
    content: "";
}

#containerSearchList .item img:hover {
    -webkit-transition: none;
    transition: none;
    z-index: 10;
    position: relative;
    -webkit-transform: none;
    transform: none;
}

.icon-new {
    display: none;
}

#portal-body h1,
#portal h1,
#portal-frame-window-body h1,
#template-frame-layout-tabs h1,
#template-frame-layout-tabs-body h1,
#tinymce h1 {
    text-indent: inherit;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    width: 100%;
}

.googlemap-container img {
    max-width: none !important;
}


/*
#iframe-loading h2 {
    background: none;
    color: #000000;
    font-family: LinotypeBrewery-Regular;
    font-size: 20px;
    font-weight: normal;
}
*/

#iframe-loading::before {
    content: url("images/play_bl.png");
    display: inline-block;
    vertical-align: middle;
}

#iframe-loading {
    background-color: #b3d6fd;
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    padding: 10px 0 10px 20px;
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 30px;
}

.change-site-mobile {
    display: none;
}

#resultats .select {
    right: -42px;
}


/**/

.container.searchless {
    padding-top: 30px;
}


/* ---------------------------------------------------- */


/* ---------------------------------------------------- */


/* ---------------  MODIF par Guillaume --------------- */


/* ---------------------------------------------------- */


/* ---------------------------------------------------- */


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


/*   GENERAL        */


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


/*! les exposants restent en minuscule : */

sup {
    text-transform: none;
}

.numero_notice {
    display: block;
    /*    display: none;*/
    float: none;
    clear: both;
    width: 100%;
}

#portal {
    background: #fff;
}

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

#portal .panel-body {
    padding-top: 0;
}

.h2-titre {
    margin-bottom: 0;
}

#portal .sousTitre {
    /*     font-family: LinotypeBrewery-regular!important;
 */
    font-size: 1.625rem;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 100%;
    background: none;
    margin: 1rem 0;
    font-weight: normal;
}

#portal .sousTitre:before,
#portal .sousTitre:after {
    content: '';
    clear: both;
    float: none;
}


/*! centrer haut de la page (catégorie, titre, description) : */

.listing-modele .presentation-oe,
.listing-modele h1,
.dossier-oe-modele .presentation-oe,
.dossier-oe-modele h1,
.content-oe-modele .presentation-oe,
.content-oe-modele h1,
.incontournable-modele .presentation-oe,
.incontournable-modele h1,
.facteur-modele .presentation-oe,
.facteur-modele .presentation-expo,
.facteur-modele h1,
.histoireinstru-modele h1,
.histoireinstru-modele .presentation-oe {
    text-align: center;
}

.listing-modele h1,
.dossier-oe-modele h1,
.content-oe-modele h1,
.incontournable-modele h1,
.facteur-modele h1 {
    margin-bottom: 1rem;
}

.page-2021 #page .hero .typeDoc,
.listing-modele .presentation-oe,
.dossier-oe-modele .presentation-oe,
.content-oe-modele .presentation-oe,
.facteur-modele .presentation-expo,
.incontournable-modele .presentation-oe,
.incontournable-modele .presentation-expo,
.facteur-modele .presentation-oe,
.listing-modele .presentation-oe *,
.dossier-oe-modele .presentation-oe *,
.content-oe-modele .presentation-oe *,
.facteur-modele .presentation-expo *,
.incontournable-modele .presentation-oe *,
.incontournable-modele .presentation-expo *,
.facteur-modele .presentation-oe * {
    font-weight: bold;
    font-size: 14px !important;
    text-transform: none !important;
    font-family: 'Source Sans Pro', SourceSansPro !important;
}


/*! affichage de la categorie comme titre, et H1 comme sous-titre */

#portal .titre-page {
    margin: 0;
    padding: 0;
}

#portal .titre-page .presentation-oe {
    font-size: 2.143rem!important;
	font-family: 'Philharmonique', sans-serif!important;
    text-transform: uppercase!important;
}

#portal .sous-titre-page h1 {
    font-size: 1.625rem;
    text-transform: none;
}


/*! fin : affichage de la categorie comme titre, et H1 comme sous titre */

.listing-modele .presentation-oe:after,
.dossier-oe-modele .presentation-oe:after,
.content-oe-modele .presentation-oe:after,
.facteur-modele .presentation-oe:after,
.facteur-modele .presentation-expo:after,
.incontournable-modele .presentation-oe:after,
.incontournable-modele .presentation-expo:after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
    margin-top: 0px;
    background-color: #000;
    margin-top: 10px;
}


/*! "yoyo" : Afficher/masquer div */

.yoyo-container .yoyo-trigger {
    position: relative;
    cursor: pointer
}

.yoyo-container .yoyo-trigger.in::before,
.yoyo-container .yoyo-trigger::before {
    font-family: ermes-font-update;
    content: '\e85a';
    display: inline-block;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: top;
    right: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    font-size: 2rem;
    top: -.5rem
}

.yoyo-container .yoyo-trigger.in::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .25rem
}


/*! fin yoyo */


/*! sommaire de type metascore */

.sommaireMS h3 {
    margin-bottom: 1rem;
}

.sommaireMS ul li.active {
    background: #b3d6fd;
}


/*! fin du sommaire de type metascore */


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


/*  MODIF POUR DIGITAL REPERES MUSICO gg            */


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


/*! page panier : suppression des dossiers "à lire" et "déjà lu" */

.page-Panier-PAD #user_labels ul li[data-id="233"],
.page-Panier-PAD #user_labels ul li[data-id="234"] {
    display: none;
}


/*! pages histoire jazz */

.dossier-oe-modele .modele-4-col .media-body {
    padding: 1rem;
}

.dossier-oe-modele.accueil-jazz .modele-4-col .media-body {
    min-height: 220px;
}

.dossier-oe-modele .modele-4-col .media-body .evene {
    margin-top: 0;
}


/*! pages reperes */

body.reperes .presentation-oe {
    font-size: 14px !important;
    text-transform: none !important;
    text-align: center;
    font-family: 'Source Sans Pro', SourceSansPro !important;
}

body.reperes .presentation-oe::after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
    background-color: #000;
    margin-top: 10px;
}

body.reperes #portal h1,
body.reperes #portal h1 span {
    font-size: 32px;
    font-size: 3rem;
}

body.reperes .navbar-brand h1,
body.reperes .navbar-brand h1 span {
    font-size: 75px;
}

body.reperes h1 {
    /*    padding-top:16px;*/
}

body.reperes h1,
body.reperes h1 span {
    text-align: center;
}

body.reperes h2,
body.reperes h2 span {
    text-align: left;
}

body.reperes h2 {
    margin-top: 0;
    margin-bottom: 32px;
}

body.reperes h2,
body.reperes h2 span {
    background: none;
    font-weight: bold;
}

body.reperes #portal .intro-description {
    text-align: center;
    padding: 0;
    margin: 0!important;
}

body.reperes #portal .intro-description p {
    margin-top: 0;
    margin-bottom: 32px;
}


/*
body.reperes .intro-description .intro-description::after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 32px auto;
    background-color: #000;
}
*/

body.reperes #portal .triptyqueV2 .triptyqueV2::before {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0 auto 40px;
    background-color: #000;
}

body.reperes #portal .triptyqueV2 {
    padding: 0;
    margin-bottom: 0!important;
    /*    margin-bottom: 32px!important;*/
}

body.reperes #portal .triptyqueV2.bg-gris {
    background: #efefef;
}

body.reperes #portal .triptyqueV2 .triptyqueV2 {
    padding-bottom: 32px;
}


/*! *************************************************************** */


/*! *************************************************************** */


/*!   4/b AFFICHAGE DES ENCARTS (liste statique, triptyque, etc)    */


/*! *************************************************************** */


/*! *************************************************************** */


/*
.encart-inferieur .encart-inferieur {
    padding-left: 15px !important;
}
.encart-inferieur h2,
.encart-inferieur h2 span{
    padding-left: 0;
}
*/


/* encart "only-content" */

.frame.only-content li {
    /*    list-style: square inside;*/
    /*    padding-left: 1rem;*/
}


/* rebond intruments */

.incontournable-modele .incontournable-rebond .InstrumentTypeValue,
.dossier-oe-modele .incontournable-rebond .InstrumentTypeValue,
.content-oe-modele .incontournable-rebond .InstrumentTypeValue {
    display: none;
}


/* fin : rebond intruments */


/*! encart ".liste-simple" pour recherche capturée (vignette + titre + description + lien), sur 2 colonnes */

#portal .frame.encart-liste {
    padding: 0 0 40px !important;
    margin-bottom: 0!important;
    margin: 0!important;
}

#portal .encart-liste.bg-gris {
    background: #efefef;
}

#portal .frame.encart-liste .encart-liste {
    /*    background:#efefef;*/
    padding: 0 0 0px !important;
    margin: 0 16px!important;
}

.webframe-ermes-lastviewedresources-item-shadow,
.webframe-ermes-openfindselection-item-shadow {
    display: none;
}


/*
body.reperes .encart-liste .encart-liste::after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 32px auto 0;
    background-color: #000;
}
*/

body.reperes .encart-liste h2 {
    background: transparent!important;
    text-align: center;
    padding-top: 32px !important;
    padding-bottom: 32px;
    margin: 0 !important;
}

#portal .encart-liste .panel-body {
    padding-top: 0;
}

body.reperes .encart-liste h2,
body.reperes .encart-liste h2 span {
    background: transparent!important;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}

body.reperes .encart-liste h2 span {
    text-align: left;
    /*    padding-left: 16px;*/
}

.encart-liste .rs-staticList ul {
    /*    padding:0 16px;*/
    column-count: 2;
    -moz-column-width: 400px;
    -webkit-column-width: 400px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-width: 400px;
    column-gap: 10px;
}

.encart-liste .rs-staticList ul li {
    display: inline-block;
}

.encart-liste .rs-staticList .webframe-ermes-lastviewedresources-item {
    padding: 0;
    border: 0;
    overflow: hidden;
    border: 1px solid #efefef;
    max-height: 140px;
    position: relative;
}

.encart-liste .rs-staticList ul li:hover .webframe-ermes-lastviewedresources-item {
    /*
    -webkit-box-shadow: 0 -5px 0 0 #b3d6fd inset;
    box-shadow: 0 -5px 0 0 #b3d6fd inset;
*/
    border: 1px solid #b3d6fd;
    border: 1px solid #000;
}

.encart-liste .rs-staticList .webframe-ermes-lastviewedresources-item .vignette_document {
    margin: 0 10px 0 0;
}

.encart-liste .rs-staticList .webframe-ermes-lastviewedresources-item img.ermes-thumb-size-MEDIUM {
    min-width: 140px !important;
    min-height: 80px !important;
}

.encart-liste .rs-staticList ul li .notice_corps {
    padding: .5rem;
    line-height: 1.1;
}

.encart-liste .rs-staticList ul li .notice_corps h3 {
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    color: #000;
}

.encart-liste .rs-staticList ul li .notice_corps .template-resume,
.encart-liste .rs-staticList ul li .notice_corps>.page-cms {
    display: inline;
    font-size: 14px;
    line-height: 1;
}

.encart-liste .rs-staticList ul li .notice_corps .template-resume {
    margin-right: 8px;
    color: #999;
}

.encart-liste .rs-staticList ul li .notice_corps>.page-cms>.link-absoluteUri.btn-default {
    background: transparent;
    border: 0;
    /*    color: #1575e1;*/
    color: #7ab9ff;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.encart-liste .rs-staticList ul li .notice_corps>.page-cms>.link-absoluteUri.btn-default:after {
    content: ">";
    font-size: 14px;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    display: inline;
    margin-left: 8px;
}


/*
.template-resume span{
    font-size:inherit;
    font-style: italic;
}
*/


/*! Encart recherche capturée triptyque */

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap>.rsOverflow {
    height: 380px!important;
}

@media (max-width:680px) {
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap>.rsOverflow {
        height: 350px!important;
    }
}

@media (min-width:992px) {
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap>.rsOverflow {
        height: 350px!important;
    }
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well-sm.rsSlideContainer {
    border: 1px solid #ccc;
    margin-left: .4rem;
    margin-right: .4rem;
    padding: 0;
    background: #fff;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well-sm.rsSlideContainer:hover {
    border: 1px solid #b3d6fd;
    border: 1px solid #000;
    /*
    -webkit-box-shadow: 0 -5px 0 0 #b3d6fd inset;
    box-shadow: 0 -5px 0 0 #b3d6fd inset;
*/
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a {
    color: #000;
    width: 100%;
    overflow: hidden;
    height: 180px;
    padding: 0;
    border-bottom: 1px solid #ddd !important;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a .thumbnail-wrapper {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

#portal .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img,
#portal .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img {
    /*    width: 100%;*/
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img[src^="https://digital.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType"],
#portal .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img[src^="https://digital.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType"] {
    /*
    width:50%;
    float:none!important;
    padding-top:1rem;
 */
    background-image: none!important;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 0;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice {
    padding: 1rem;
    width: 100%;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice br {
    display: none;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .sur-titre,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .cim-short-contrat,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .line,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .cim-short-duree-type-doc,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice p[class*="CONTRAT_"],
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice span[class*="CONTRAT_"] {
    margin: 0 0 .475rem 0;
    font-size: 14px;
    /*    font-size: 0.875rem!important;*/
    line-height: 1;
    font-weight: normal;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre {
    margin: .475rem 0 0 0;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.template-info,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre {
    display: none;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.template-info li,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.titre_mention_resp_prem li,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre li {
    /*    margin:0 0 .475rem 0;*/
    font-size: 14px;
    /*    font-size: 0.875rem!important;*/
    line-height: 1.225;
    font-weight: normal;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre li {
    margin-bottom: .125rem;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .line {
    line-height: .00001;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice h3.template-title {
    margin-top: .475rem;
    margin-bottom: .475rem;
    /*    font-size: 1rem !important;*/
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .template-info.titre_mention_resp {
    display: none;
}

.triptyqueV2.frame-ermes-searchcapturemultirender div[class*="rs-slide"]+div {
    clear: both;
}

.triptyqueV2.frame-ermes-searchcapturemultirender a.see_all_results {
    margin-top: 2rem;
    margin-left: .8rem;
}

.triptyqueV2.frame-ermes-searchcapturemultirender.select-thema-section .panel-footer {
    float: none;
    clear: both;
}

.triptyqueV2 .select-thema-section-rechercheCapturee .toggleAutoPlayBtn.icon-pause.btn {
    display: none;
}


/*! encart recherche capturée liste statique */
/* gg 30/08/2022 */
#portal .rs-staticList>ul>li,
.rs-staticList>ul>li {
    /*    border: 1px solid #ddd;*/
    margin-bottom: .5rem;
	list-style-type: none;
    /*    border-color: #000;*/
    /*    background: #f5f5f5;*/
}
/* fin gg 30/08/2022 */
.rs-staticList div.webframe-ermes-lastviewedresources-item,
.rs-staticList div.webframe-ermes-openfindselection-item {
    /*    background:#f5f5f5;*/
    border: 1px solid #ddd;
    /*    border:1px solid #b3d6fd;*/
    border-radius: 1rem;
}

.rs-staticList li:nth-of-type(even) div.webframe-ermes-lastviewedresources-item,
.rs-staticList li:nth-of-type(even) div.webframe-ermes-openfindselection-item {
    /*    background:#f5f5f5;*/
}

.triptyqueV2 .rs-staticList div.webframe-ermes-lastviewedresources-item:hover,
.triptyqueV2 .rs-staticList div.webframe-ermes-openfindselection-item:hover {
    /*    background:#f5f5f5;*/
    border: 1px solid #b3d6fd;
    -webkit-box-shadow: 0 0 0 4px #b3d6fd inset;
    box-shadow: 0 0 0 4px #b3d6fd inset;
}

.rs-staticList .notice_corps {
    padding-bottom: 1rem;
    /*    border-bottom:1px solid #ccc;*/
    /*    box-shadow: 0 10px 10px -14px rgba(0,0,0,.35);*/
}

.rs-staticList .notice_corps p:not(.template-resume),
.rs-staticList .notice_corps span,
.rs-staticList .notice_corps ul li {
    margin-top: 0;
    margin-bottom: .475rem;
    /*        font-size:.875rem;*/
    /*
        float: none;
        clear: both;
*/
    margin-bottom: 0;
}


/*! ************************************************    */


/*!   ENCART TYPE ARCHIVE (mozaique responsive) */


/*! ************************************************    */

.container.container-archive .archive-item .archive-item-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#portal .frame.archive-section.container {
    margin: 0 auto!important;
}

.container.container-archive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.container.container-archive .archive-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #ccc;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 1.25rem;
    height: 290px;
    overflow: hidden;
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
}

.container.container-archive .archive-item .archive-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 185px;
    overflow: hidden;
    background-size: cover;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.container.container-archive .archive-item .archive-item-img a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.container.container-archive .archive-item .archive-item-img img {
    display: none;
}

.container.container-archive .archive-item .archive-item-text {
    height: 185px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.container.container-archive .archive-item .archive-item-text h3,
.container.container-archive .archive-item .archive-item-text h3 em {
    font-weight: 700;
}

.container.container-archive .archive-item .archive-item-text span.line {
    text-transform: none;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    font-weight: normal;
}

.container.container-archive .archive-item .archive-item-text h3,
.container.container-archive .archive-item .archive-item-text p {
    width: 100%;
}

.container.container-archive .archive-item .archive-item-text h3,
.container.container-archive .archive-item .archive-item-text p.detail {
    max-width: 100%;
}

.container.container-archive .archive-item .archive-item-text p.line {
    margin-top: 0;
}

.container.container-archive .archive-item .archive-item-text h3 {
    margin: 0;
}

.container.container-archive .archive-item .archive-item-text h3 a {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    text-decoration: none;
}

.container.container-archive .archive-item .archive-item-text p.detail {
    margin: 0;
    opacity: 0;
}

.container.container-archive .archive-item .archive-item-text .btn {
    margin: 0;
    display: inline-block;
    opacity: 0;
}

@media (min-width:576px) {
    .container.container-archive .archive-item:hover .archive-item-text {
        height: 290px;
        -webkit-transform: translateY(-185px);
        transform: translateY(-185px);
    }
    .container.container-archive .archive-item:hover .archive-item-img {
        opacity: .1;
    }
    .container.container-archive .archive-item:hover .archive-item-text p.detail {
        opacity: 1;
    }
    .container.container-archive .archive-item:hover .archive-item-text .btn {
        opacity: 1;
    }
}


/* IMAGES DE LA MOZAIQUE RESPONSIVE */

.container.container-archive .archive-item .archive-item-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* instruments mauritanie */

.archive-item-azawan .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Sid-Ahmed-ould-Ahmed-Zaidane©Michel-Guignard_250.jpg");
}

.archive-item-ardin .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-afrique-occidentale/Dimi-Mint-Abba-a-la-harpe-ardin-concert-enregistre-le-15-octobre-1999-a-la-Cite-de-la-musique©Philharmonie-de-PariS2_250.jpg");
}

.archive-item-tbal .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Timbale-tbal©Michel-Guignard_250.jpg");
}

.archive-item-tidinit .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Luth-tidinit©dessin-de-Frederique-Darros_250.jpg");
}


/* instruments senegal */

.archive-item-bala .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Adama-Conde-au-bala-concert-enregistre-a-la-cite-de-la-musique-le-14-fevrier-2009-©-Philharmonie-de-Paris_250.jpg");
}

.archive-item-kora .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Djeli-Moussa-Sissoko-kora-concert-enregistre-le-16-octobre-1999-a-la-Cite-de-la-musique-©-Philharmonie-de-Paris_250.jpg");
}

.archive-item-sabar .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Tambour-sabar-concert-enregistre-a-la-Cite-de-la-musique-le-23-octobre-2010©Philharmonie-de-Paris_250.jpg");
}

.archive-item-tama .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Tambour-tama-du-Senegal-concert-enregistre-a-la-Cite-de-la-musique-le-23-octobre-2010©Philharmonie-de-Paris_250.jpg");
}

.archive-item-xalam .archive-item-img {
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Luth-xalam-concert-enregistre-a-la-Cite-de-la-musique-le23-octobre-2010©Philharmonie-de-Paris_250.jpg");
}


/*! ************************************************ */


/*!   fin : ENCART TYPE ARCHIVE (mozaique responsive)                */


/*! ************************************************ */


/*! ************************************************ */


/*!   ENCART sidebar rebond incontournable               */


/*! ************************************************ */

.incontournable-rebond li {
    position: relative;
}


/* .incontournable-rebond a:hover::after {
    content: url(images/icon-extlink-14px.png);
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
}
 */

.histoire-jazz-instru.dossier-oe-modele #zone-5 {
    background: #f5f5f5;
}

.histoire-jazz-instru.dossier-oe-modele #zone-5 .panel-front {
    background: transparent;
}

.histoire-jazz-instru.dossier-oe-modele h1 {
    text-align: left;
}

.histoire-jazz-instru.dossier-oe-modele #zone-5 h2 {
    font-size: 1.35rem;
    text-transform: uppercase;
}

.histoire-jazz-instru.dossier-oe-modele h2 span {
    background: #f5f5f5;
}

.histoire-jazz-instru.dossier-oe-modele h3,
.histoire-jazz-instru.dossier-oe-modele h3 span {
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
}

.histoire-jazz-instru.dossier-oe-modele h4,
.histoire-jazz-instru.dossier-oe-modele h4 strong,
.histoire-jazz-instru.dossier-oe-modele h4 span {
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item {
    display: flex;
    border: 1px solid #fff;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item:hover {
    border: 1px solid #000;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
    width: 60px;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb.ermes-thumb-size-MEDIUM {
    min-width: 60px !important;
    min-height: 60px !important;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .notice_corps {
    padding-bottom: 0;
    flex: 1;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .notice_corps div {
    font-size: .875rem;
}

.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond h3 {
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .825rem;
}


/*! **************************************************** */


/*! encart mozaique responsive pour recherche capturee : */


/*! **************************************************** */

.panel-front,
.panel-selection {
    /* padding-left: 7px!important; */
    padding-left: 7px;
}

#portal .encart-mozaique.frame-ermes-searchcapturemultirender.container {
    margin: 0 auto!important
}

#portal .encart-mozaique.container>.panel-heading {
    width: 100%
}

.encart-mozaique.mozaique-instrument .notice_corps .InstrumentTypeValue {
    display: none;
}

.encart-mozaique.mozaique-instrument .rs-staticList>ul li .notice_corps .desc-list .desc-list-item {
    border: 0;
}

.encart-mozaique .rs-staticList.container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.encart-mozaique .rs-staticList>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

body.select-thema-archive #portal .encart-mozaique .rs-staticList>ul>li:last-of-type {
    display: none
}

.encart-mozaique .rs-staticList>ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    border: 1px solid #ccc;
    margin-right: .5%;
    /*    margin-left: .5%;*/
    margin-bottom: 1rem;
    height: 300px;
    overflow: hidden;
    -ms-flex-preferred-size: 300px;
    -webkit-flex-basis: 300px;
    flex-basis: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 280px;
    /*    max-width: 33%;*/
    flex: .5;
    flex-basis: 175px;
    height: 250px;
}

.encart-mozaique .rs-staticList>ul li .webframe-ermes-lastviewedresources-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    box-shadow: unset;
    width: 100%;
    /*! height: 175px; */
    max-width: 100%;
}

.encart-mozaique .rs-staticList>ul li:hover .webframe-ermes-lastviewedresources-item {
    box-shadow: unset;
    border: 1px solid #ddd
}

.encart-mozaique .rs-staticList>ul li .webframe-ermes-lastviewedresources-item-shadow {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    -webkit-flex: 0;
    flex: 0;
    height: 0
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps,
.encart-mozaique .webframe-ermes-lastviewedresources-item>a {
    margin: 0;
    padding: 0
}


/*! Image de l'item : */

.encart-mozaique .rs-staticList>ul li .webframe-ermes-lastviewedresources-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 175px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>a .thumbnail-wrapper,
.encart-mozaique .webframe-ermes-lastviewedresources-item>a .vignette_container,
.encart-mozaique .webframe-ermes-lastviewedresources-item>a .vignette_document {
    height: 100%;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>a .thumbnail-wrapper img.img-thumbnail {
    min-width: 100% !important;
    /*! margin: -30% 0; */
    object-fit: cover;
}


/*! texte de l'item : */

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps {
    min-height: 105px;
    padding: 1rem;
    /*    max-height: 175px;*/
    height: 250px;
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps>a {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps .template-resume,
.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps h3.template-title {
    max-width: 100%;
    margin: 0
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps .template-resume {
    font-size: 14px;
    color: #777;
    font-weight: 400;
    line-height: 1.325;
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps .page-cms,
.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps .template-resume {
    opacity: 0
}

.encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps .page-cms {
    margin: 0
}

.encart-mozaique.frame-ermes-searchcapturemultirender a.see_all_results {
    display: none!important
}

@media (min-width:480px) {
    .encart-mozaique.mozaique-instrument .rs-staticList>ul li .notice_corps .desc-list .desc-list-item {
        border: 0;
    }
    .encart-mozaique:not(.mozaique-instrument) ul li .webframe-ermes-lastviewedresources-item>.notice_corps {
        float: none;
        clear: both;
        -webkit-box-flex: 5;
        -ms-flex: 5;
        -webkit-flex: 5;
        flex: 5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        box-shadow: unset;
        -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }
    .encart-mozaique:not(.mozaique-instrument) ul li:hover .webframe-ermes-lastviewedresources-item>a {
        opacity: .1;
        -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: opacity .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }
    .encart-mozaique:not(.mozaique-instrument) ul li:hover .webframe-ermes-lastviewedresources-item>.notice_corps {
        /*        height: 290px;*/
        -webkit-transform: translateY(-175px);
        -ms-transform: translateY(-175px);
        transform: translateY(-175px);
        -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }
    .encart-mozaique:not(.mozaique-instrument) ul li:hover .webframe-ermes-lastviewedresources-item>.notice_corps>a {
        padding-bottom: 1.325rem;
        height: 100%;
        max-height: auto;
        text-decoration: none;
    }
    .encart-mozaique:not(.mozaique-instrument) ul li:hover .webframe-ermes-lastviewedresources-item>.notice_corps .page-cms,
    .encart-mozaique:not(.mozaique-instrument) ul li:hover .webframe-ermes-lastviewedresources-item>.notice_corps .template-resume {
        opacity: 1;
    }
}

@media (min-width:480px) and (max-width:650px) {
    .encart-mozaique .rs-staticList>ul>li {
        /*! height: 200px; */
        box-shadow: 0 2px 10px #ddd;
        max-width: 50%;
    }
    .encart-mozaique.mozaique-instrument .rs-staticList>ul li .notice_corps .desc-list .desc-list-item {
        border: 0;
        box-shadow: none;
    }
    /*
    .encart-mozaique.mozaique-instrument .rs-staticList .notice_corps ul li {
        box-shadow: none;
    }
*/
    .encart-mozaique .rs-staticList>ul li .webframe-ermes-lastviewedresources-item>a {
        /*! height: 150px */
    }
    .encart-mozaique ul li .webframe-ermes-lastviewedresources-item>.notice_corps {
        float: none;
        clear: both;
        -webkit-box-flex: 5;
        -ms-flex: 5;
        -webkit-flex: 5;
        flex: 5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        box-shadow: unset;
        -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }
    .encart-mozaique:not(.mozaique-instrument) ul li:hover .webframe-ermes-lastviewedresources-item>.notice_corps {
        /*        height: 200px;*/
        -webkit-transform: translateY(-175px);
        -ms-transform: translateY(-175px);
        transform: translateY(-175px);
        -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }
}

@media (max-width:480px) {
    .panel-front,
    .panel-selection {
        padding-left: 0!important;
    }
    .encart-mozaique .rs-staticList>ul {
        /*
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
*/
    }
    .encart-mozaique .rs-staticList>ul>li {
        /*! height: 200px; */
        box-shadow: 0 2px 10px #ddd;
        max-width: 49%;
        /*! width: 100%; */
        width: auto;
    }
    .encart-mozaique.mozaique-instrument .rs-staticList>ul li .notice_corps .desc-list .desc-list-item {
        border: 0;
        box-shadow: none;
    }
    .encart-mozaique .rs-staticList>ul>li .webframe-ermes-lastviewedresources-item>a {
        /*! height: 130px */
    }
    .encart-mozaique ul li .webframe-ermes-lastviewedresources-item>.notice_corps {
        float: none;
        clear: both;
        -webkit-box-flex: 5;
        -ms-flex: 5;
        -webkit-flex: 5;
        flex: 5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        box-shadow: unset;
        -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
    }
}


/*! fin : encart mozaique responsive pour recherche capturee */


/*! ********************************************************* */


/*! FICHES THEMATIQUES : LISTE SOUS FORME DE MOZAIQUE MASONRY  */


/*! ********************************************************* */


/*! haut de la page (catégorie, titre, description) : */

.page-ficheThematique .presentation-oe,
.page-ficheThematique h1 {
    text-align: center;
}

.page-ficheThematique .presentation-oe {
    font-weight: bold;
    font-size: 14px !important;
    text-transform: none !important;
    font-family: 'Source Sans Pro', SourceSansPro !important;
}

.page-ficheThematique .presentation-oe:after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
    margin-top: 0px;
    background-color: #000;
    margin-top: 10px;
}

.page-ficheThematique #portal {
    background: #fff;
}


/*! filtres navigation */

.page-ficheThematique #portal .nav-container--filtres-thema {
    margin: 0 auto!important;
    padding: 0;
}

.nav-container--filtres-thema,
.nav-container--filtres-thema>.panel-body,
.nav-container--filtres-thema>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.webframe-ermes-carousel.nav-container--filtres-thema>.panel-heading {
    display: none;
}

.nav-container--filtres-thema>.panel-body,
.nav-container--filtres-thema>.panel-body>#carousel-ID0EBBAA {
    width: 100%;
}

.nav-container--filtres-thema .nav--filtres-thema a,
.page-ficheThematique .nav-container--filtres-thema h4,
.page-ficheThematique .nav-container--filtres-thema .navbar-brand {
    display: inline-block;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    /*!    font-size: .8rem; */
    line-height: 1;
    border: 0;
    background: 0 0;
    padding: .5rem 0;
    margin: 0 .75rem
}

.nav-container--filtres-thema a,
.nav-container--filtres-thema span {
    color: #999!important;
    cursor: pointer
}

.page-ficheThematique .nav-container--filtres-thema h4,
.page-ficheThematique .nav-container--filtres-thema .navbar-brand {
    margin-left: 0;
    font-weight: 400
}

.nav-container--filtres-thema .nav--filtres-thema a:hover {
    /*!    box-shadow: 0 -3px 0 0 #000 inset;*/
    color: #000!important
}

.nav--filtres-thema a.active {
    color: #000!important;
    font-weight: 700;
    box-shadow: 0 -3px 0 0 #000 inset
}


/*! ajustement de la navbar responsive bootstrap */

.page-ficheThematique .navbar.nav-container--filtres-thema .navbar-brand {
    background: #fff;
    padding: .5rem 0;
    color: #000!important;
}

@media (max-width:767px) {
    .page-ficheThematique .navbar.nav-container--filtres-thema>.container {
        flex-direction: column;
    }
    .page-ficheThematique ul.navbar-nav.nav--filtres-thema {
        column-width: 180px;
        column-gap: 10px;
    }
    .page-ficheThematique .navbar-nav.nav--filtres-thema>li>a {
        padding: 1rem 0;
    }
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border: 0;
}

.page-ficheThematique .navbar.nav-container--filtres-thema .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.page-ficheThematique .nav-container--filtres-thema .navbar-toggle {
    margin-top: 0;
    order: 2;
    flex: 1;
    text-align: right;
}

.page-ficheThematique .nav-container--filtres-thema.navbar-inverse .navbar-toggle:hover,
.page-ficheThematique .nav-container--filtres-thema.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}

.page-ficheThematique .nav-container--filtres-thema .navbar-toggle.collapsed:after {
    transform: rotate(-90deg);
}

.page-ficheThematique .nav-container--filtres-thema .navbar-toggle:after {
    content: url('/ui/skins/CIMU/images/icon-chevron-bas-14px.png');
    position: absolute;
    top: 0;
    bottom: 0;
    left: 150px;
    transform: rotate(0deg);
    transition: transform .15s;
}

.page-ficheThematique .nav-container--filtres-thema .navbar-toggle:before {
    content: 'Filtrer par thème';
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    left: 0;
    text-align: left;
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}


/*! **************************** */


/*! mozaique masonry             */


/*! **************************** */

.mozaique-masonry *,
.mozaique-masonry:after,
.mozaique-masonry:before {
    box-sizing: border-box!important
}

.mozaique-masonry a,
.mozaique-masonry a span {
    color: #000!important
}


/*! liste des fiches thematiques */

ul.liste-fichesThema {
    -moz-column-width: 250px;
    -webkit-column-width: 250px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-width: 250px;
    column-gap: 10px;
    /*!
    -moz-column-width: 13em;
    -webkit-column-width: 13em;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-width: 13em;
    column-gap: 10px;
*/
}

.liste-fichesThema li {
    display: inline-block;
    margin: 4px;
    width: 100%;
    background: #efefef;
    height: 180px;
    overflow: hidden;
    position: relative
}

.liste-fichesThema li.double {
    /*!    height: 368px;*/
    height: 374px
}


/*! image vignette de la fiche thematique */

.liste-fichesThema li .conteneur-img {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.liste-fichesThema li .conteneur-img img {
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
    max-width: none;
    height: 180px;
    width: auto;
    min-width: 100%
}

.liste-fichesThema li.double .conteneur-img img {
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
    max-width: none;
    height: 374px;
    width: auto;
    min-width: 100%
}


/*! texte de la fiche thematique */

.liste-fichesThema li .conteneur-texte {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-decoration: none;
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out;
    /*!    padding: .5rem;*/
}

.liste-fichesThema li.double .conteneur-texte {
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out
}

.liste-fichesThema li .conteneur-texte .cadre {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-decoration: none;
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out;
    position: relative;
    /*!    border: 1px solid rgba(255, 255, 255, .4);*/
    border: 0;
}

.liste-fichesThema li .conteneur-texte .texte {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: rgba(255, 255, 255, .75);
    /*    height: 74px;*/
    height: 55px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.liste-fichesThema li.double .conteneur-texte .texte {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.liste-fichesThema li:hover .conteneur-texte .texte {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.liste-fichesThema li .conteneur-texte span.descriptionFiche {
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    font-size: 14px;
    /*!    font-size: .825rem; */
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    display: none;
    text-transform: none;
    color: #666!important;
    letter-spacing: normal;
}

.liste-fichesThema li:hover .conteneur-texte span.descriptionFiche {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    display: block
}

.liste-fichesThema li .conteneur-texte a {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #000;
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 0 1rem;
    margin: 0;
    /*!    font-size: 16px;*/
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out;
    height: 55px;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
	font-weight: 500;
    font-size: 14px;
    letter-spacing: .5px;
}

.liste-fichesThema li:hover .conteneur-texte a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 1rem;
    /*!    padding: 0 .5rem;*/
}


/*! ******************************************************* */


/*! fin : FICHES THEMATIQUES : LISTE SOUS FORME DE MOZAIQUE MASONRY */


/*! ******************************************************* */


/*! ******************************************************* */


/*! PAGE BAC 2018  */


/*! ******************************************************* */

body.bacMusique #frame-25110 *,
body.bacMusique #frame-26053 * {
    margin: 0 auto!important;
    padding: 0;
}

body.bacMusique #portal .frame {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding: 20px 0!important;
    margin: 0!important
}

.panel-front,
.panel-selection {
    padding: 0;
}

.content-oe-modele.bacMusique .panel-front.only-content,
.content-oe-modele.bacMusique .panel-front.content-img-dr,
.content-oe-modele.bacMusique .panel-front.content-img-gch {
    padding: 0;
    margin: 0;
}

@media (max-width:767px) {
    body.bacMusique #portal {
        padding: 0!important
    }
}

body.bacMusique #portal #zone-2 {
    background: #fff;
    padding-bottom: 50px;
}

body.bacMusique #portal h1 {
    font-size: 48px;
    /*    margin-bottom: 50px;*/
    margin-bottom: 0px;
    /*    padding:30px 0;*/
    padding-top: 20px;
    text-align: center
}

body.bacMusique .intro-bac p {
    font-weight: 700
}

body.bacMusique .introBac18-bloc {
    /*    margin-bottom: 30px*/
}

body.bacMusique .introBac18-bloc .panel-body .rsItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.bacMusique .intro-bac {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-flex-basis: 467px;
    -ms-flex-preferred-size: 467px;
    flex-basis: 517px
}

body.bacMusique .intro-bac ul li:last-of-type {
    line-height: 3;
}

body.bacMusique .sommaire-bac {
    background: #f5f5f5;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 250px;
}

body.bacMusique .sommaire-bac ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
}

body.bacMusique .sommaire-bac ul li {
    border: 1px solid #fff;
}

body.bacMusique .sommaire-bac ul li:first-of-type {
    background: #cdcdcd;
}

body.bacMusique .sommaire-bac ul li,
body.bacMusique .sommaire-bac ul li a {
    list-style-type: none;
    list-style-image: none!important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0!important
}

body.bacMusique .sommaire-bac ul li a,
body.bacMusique .sommaire-bac ul li:first-of-type {
    height: 100%;
    padding: 8px 32px;
    color: #000!important;
	font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
    font-size: 14px
}

@media (max-width:767px) {
    body.bacMusique .intro-bac {
        margin-bottom: 32px
    }
    body.bacMusique .sommaire-bac ul {
        display: block;
        margin-bottom: 0!important;
    }
    body.bacMusique .sommaire-bac ul li {
        display: block;
        height: 32px!important;
    }
    body.bacMusique .sommaire-bac ul li a,
    body.bacMusique .sommaire-bac ul li:first-of-type {
        padding: 8px 32px
    }
}


/*! ************************ */


/*! Navigation blocs carrés : */


/*! ************************ */

.navigationBlocs,
.navigationBlocs *,
.navigationBlocs-conteneur,
.navigationBlocs-conteneur * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif
}

.navigationBlocs-conteneur {
    /*    margin-bottom: 50px*/
}

.navigationBlocs-conteneur h2 {
    margin-bottom: 16px
}

.navigationBlocs-conteneur h2,
.navigationBlocs-conteneur h2 span {
	font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
}

ul.navigationBlocs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0!important
}

li.navigationBlocs-item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px;
    max-width: 50%;
    order: 2;
}


/*
@media (max-width:991px) {
    li.navigationBlocs-item-noHover {
        position: relative;
        -webkit-box-flex: 1 100%;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        height: 100px;
        order: 1;
        width: 100%;
    }
}
*/

li.navigationBlocs-item-noHover .content a {
    color: #000!important;
    text-decoration: none!important
}

li.navigationBlocs-item:after {
    content: "";
    display: block;
    color: transparent;
    padding-bottom: 100%
}

li.navigationBlocs-item .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: 1px solid #fff
}

li.navigationBlocs-item .content h3,
li.navigationBlocs-item .content h3 a,
li.navigationBlocs-item .content h3 em,
li.navigationBlocs-item .content h3 cite,
li.navigationBlocs-item .content h3 span {
	font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
}

li.navigationBlocs-item-noHover .content {
    padding: 2rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

li.navigationBlocs-item-noHover .content h3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
}

li.navigationBlocs-item-noHover .content h3 a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

li.navigationBlocs-item-noHover .content h3 a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto
}

li.navigationBlocs-item .content h3 em,
li.navigationBlocs-item .content h3 .titreOeuvre {
    font-size: 14px;
    margin-bottom: 10px;
}

li.navigationBlocs-item-noHover .content .description {
    width: 100%;
    max-width: 100%;
}

li.navigationBlocs-item-noHover .content .description a {
    display: block
}

li.navigationBlocs-item-noHover .content>a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

li.navigationBlocs-item-noHover .content>a img {
    margin: auto;
    height: 20px;
}

li.navigationBlocs-item .content h3.normal {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    top: 0;
    left: 0;
}

li.navigationBlocs-item .content .hover {
    width: 100%;
    height: 100%;
    padding: 2rem;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all .35s;
    transition: all .35s;
}

li.navigationBlocs-item .content .hover .h3,
li.navigationBlocs-item .content .hover .description {
    width: 100%;
}

li.navigationBlocs-item:hover {
    cursor: pointer
}

li.navigationBlocs-item.active .content .hover,
li.navigationBlocs-item:hover .content .hover {
    opacity: 1
}

li.navigationBlocs-item.active .content .normal,
li.navigationBlocs-item:hover .content .normal {
    opacity: 0;
    -webkit-transition: all .35s;
    transition: all .35s
}

li.navigationBlocs-item .content .icon-chevronBas {
    width: 14px
}


/*! ************************ */


/*! backgrounds option facultative : */


/* bac 2018 */

.nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Ravel-Maurice/maurice-ravel-1910%C2%A9BnF_LQ.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionFacult li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Tailleferre-Germaine/Germaine-Tailleferre-vers-1937©Ministere-de-la-Culture-Mediatheque-du-Patrimoine-Dist-RMN-Grand-Palais-Studio-Harcourt_LQ.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionFacult li.navigationBlocs-item:nth-child(3) {
    background: #ffd076 url(/ui/skins/CIMU/images/photos-illus/Portrait-de-Joe-Zawinu.jpg) no-repeat center;
    background-size: cover
}


/* bac 2019 */

.bac2019 .nav-bac18-optionFacult li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000009800/images/Serie-des-meules-de-Claude-Monet-1891-Sources-National-Gallery-Australie-Museum-of-Fine-Arts-Boston-Metropolitan-Museum_250.jpg) no-repeat center;
    background-size: cover
}

.bac2019 .nav-bac18-optionFacult li.navigationBlocs-item:nth-child(3) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Vivaldi-antonio/Portrait-of-Antonio-Vivaldi-Bologne-1723©Civico-Museo-Bibliografico-Musicale-Bologna_LQ.jpg) no-repeat center;
    background-size: cover
}

.bac2019 .nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(/ui/skins/CIMU/images/photos-illus/Portrait-de-Joe-Zawinu.jpg) no-repeat center;
    background-size: cover
}


/* bac 2020 */

.bac2020 .nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Van-beethoven-ludwig/Beethoven-composant-la-Missa-Solemnis-par-Joseph-Carl-Stieler-portrait-a-l-huile-1819-ou-1820©Beethoven-Haus-Bonn_LD.jpg) no-repeat center;
    background-size: cover
}

.bac2020 .nav-bac18-optionFacult li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Richter-Max/MaxRichter-photo-Charles-d-Herouville_350.jpg) no-repeat center;
    background-size: cover
}


/* bac 2021 */

.bac2021 .nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Haydn-Joseph/Thomas-Hardy-Franz-Joseph-Haydn©Gallica-BnF_LQ.jpg) no-repeat center;
    background-size: cover
}

.bac2021 .nav-bac18-optionFacult li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Ravel-Maurice/maurice-ravel-1910%C2%A9BnF_LQ.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionFacult li.navigationBlocs-item-noHover,
.bac2021 .nav-bac18-optionFacult li.navigationBlocs-item-noHover {
    background: #e6e6e6 url(/ui/skins/CIMU/images/photos-illus/option-facultative-arts-musique.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionFacult li.navigationBlocs-item .content {
    -webkit-transition: all .35s;
    transition: all .35s;
    background-color: rgba(213, 239, 251, .9)
}

.nav-bac18-optionFacult li.navigationBlocs-item.active .content,
.nav-bac18-optionFacult li.navigationBlocs-item:hover .content {
    background-color: #d3d2e8;
    background-color: rgba(211, 210, 232, .9)
}

.nav-bac18-optionFacult li.navigationBlocs-item-noHover .content {
    background-color: rgba(230, 230, 230, .9)
}

.nav-bac18-optionFacult li.navigationBlocs-item-noHover:hover .content {
    background-color: rgba(255, 255, 255, .9)
}


/*! ************************ */


/*! backgrounds option lourde : */


/* bac 2018 */

.nav-bac18-optionLourde li.navigationBlocs-item:first-child {
    background: #ffd076 url(/ui/skins/CIMU/images/photos-illus/Claude-Debussy-D-apres-le-portrait-de-Marcel-Baschet.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionLourde li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(/ui/skins/CIMU/images/photos-illus/jazz-et-orient.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionLourde li.navigationBlocs-item:nth-child(3) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Bach-Johann-Sebastian/Johann-Sebastian-Bach%C2%A9Herzog-August-Bibliothek_LQ.jpg) no-repeat center;
    background-size: cover
}


/* bac 2019 */

.bac2019 .nav-bac18-optionLourde li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Mendelssohn-Felix/Felix-Mendelssohn-d-apres-un-tableau-de-Carl-Jager©Gallica-BnF_LQ.jpg) no-repeat center;
    background-size: cover
}

.bac2019 .nav-bac18-optionLourde li.navigationBlocs-item:nth-child(3) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Adams-John/John-Adams-rencontre-a-la-Philharmonie-de-Paris-le-10-decembre-2016-©-Cite-de-la-musique-Philharmonie-de-Paris_350.jpg) no-repeat center;
    background-size: cover
}

.bac2019 .nav-bac18-optionLourde li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Bach-Johann-Sebastian/Johann-Sebastian-Bach%C2%A9Herzog-August-Bibliothek_LQ.jpg) no-repeat center;
    background-size: cover
}


/* bac 2021 */

.bac2021 .nav-bac18-optionLourde li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Rameau-Jean-Philippe/Portrait-de-Jean-Philippe-Rameau©Philharmonie-de-Paris-JM-Angles_LQ.jpg) no-repeat center;
    background-size: cover
}


/*
.bac2021 .nav-bac18-optionLourde li.navigationBlocs-item:nth-child(3) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Adams-John/John-Adams-rencontre-a-la-Philharmonie-de-Paris-le-10-decembre-2016-©-Cite-de-la-musique-Philharmonie-de-Paris_350.jpg) no-repeat center;
    background-size: cover
}
*/

.bac2021 .nav-bac18-optionLourde li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Chostakovitch-Dmitri/Chostakovitch-Roger-et-Renate-Rossing-Deutsche-Fotothek_350.jpg) no-repeat center;
    background-size: cover
}


/* fiche pratique et textes officiels */

#page .nav-bac18-optionLourde li.navigationBlocs-item-noHover {
    background: #e6e6e6 url(/ui/skins/CIMU/images/photos-illus/serie-L-arts-musique.jpg) no-repeat center;
    background-size: cover
}

.nav-bac18-optionLourde li.navigationBlocs-item .content {
    -webkit-transition: all .35s;
    transition: all .35s;
    background-color: rgba(215, 237, 230, .9)
}

.nav-bac18-optionLourde li.navigationBlocs-item.active .content,
.nav-bac18-optionLourde li.navigationBlocs-item:hover .content {
    background-color: #e6efcc;
    background-color: rgba(230, 239, 204, .9)
}

.nav-bac18-optionLourde li.navigationBlocs-item-noHover .content {
    background-color: rgba(230, 230, 230, .9)
}

.nav-bac18-optionLourde li.navigationBlocs-item-noHover:hover .content {
    background-color: rgba(255, 255, 255, .9)
}


/*! ************************ */


/*! navigation blocs carrés - sous niveau (liste des ressources) : */

.navigationBlocs-sublevel>ul>li,
.navigationBlocsPile-item .yoyo-trigger,
.navigationBlocsPile-item-noHover>div,
.navigationBlocsPile-sublevel>ul>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f5f5f5;
    border: 1px solid #fff;
    height: 100px;
    overflow: hidden
}

.navigationBlocsPile-sublevel>ul>li.double {
    max-height: 450px;
    height: auto;
}

.navigationBlocs-sublevel>ul>li.texte-solo {
    background: #fff;
}

.navigationBlocs-sublevel ul.double>li,
.navigationBlocsPile-sublevel ul.double>li {
    max-height: none;
    height: 200px;
}

.navigationBlocs-sublevel ul.double li li,
.navigationBlocsPile-sublevel ul li.double li {
    list-style-image: url(images/puces.png);
    margin-left: 20px
}

.navigationBlocs-sublevel ul li:hover,
.navigationBlocsPile-sublevel ul li:hover {
    background: #fff
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
.navigationBlocsPile-item .yoyo-trigger .img-container,
.navigationBlocsPile-item>div .img-container {
    max-width: 115px;
    width: 115px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media (max-width:555px) {
    /*
    .navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
    .navigationBlocsPile-item .yoyo-trigger .img-container,
    .navigationBlocsPile-item > div .img-container {
        max-width: 115px;
        width: 75px;
    }
*/
}

.bacFacult-ressources.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
.bacFacult-ressources.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
.navigationBlocsPile-item .yoyo-trigger .img-container {
    background-color: #d3d2e8;
}

.bacLourde-ressources.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
.bacLourde-ressources.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
.nav-bac18-optionLourde .navigationBlocsPile-item .yoyo-trigger .img-container {
    background-color: #e6efcc
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img a,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img img,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img img {
    opacity: .1;
    object-fit: cover
}

.navigationBlocs-sublevel ul li:hover .navigationBlocs-sublevel-img img,
.navigationBlocsPile-sublevel ul li:hover .navigationBlocsPile-sublevel-img img {
    opacity: 1
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navigationBlocsPile-item-noHover .yoyo-trigger {
    position: relative
}

.layer-link,
.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte a,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte h4,
.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte h4 em,
.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte h4 span,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte h4,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte h4 em,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte h4 span {
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte span.ndlr,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte span.ndlr {
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal
}

.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte p,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte p em,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte p span {
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px
}


/*! ************************ */


/*! nav blocs empilés mobile */


/*! ************************ */

.navigationBlocsPile .navigationBlocsPile-item {
    border: 1px solid #d5effb;
    border: 2px solid #eee;
    border-top: 0
}

.navigationBlocsPile .navigationBlocsPile-item-noHover {
    border: 1px solid #fff
}

.navigationBlocsPile .navigationBlocsPile-item:first-of-type {
    border-top: 1px solid #d5effb;
    border-top: 2px solid #eee
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div,
.navigationBlocsPile .navigationBlocsPile-item .yoyo-trigger {
    max-height: 120px;
    background: #fff
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div {
    background: #f5f5f5;
    border: 0;
    position: relative;
    cursor: pointer;
}

.navigationBlocsPile .navigationBlocsPile-item .yoyo-trigger .img-container {
    background: #d5effb
}

.nav-bac18-optionLourde .navigationBlocsPile-item .yoyo-trigger .img-container {
    /*    background-color: #e6efcc;*/
    background-color: #d7ede6;
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .img-container {
    background: #e6e6e6
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .img-container img,
.navigationBlocsPile .navigationBlocsPile-item .yoyo-trigger .img-container img {
    opacity: .1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    object-fit: cover;
}

.navigationBlocsPile .navigationBlocsPile-item .yoyo-trigger.in .img-container img,

/*.navigationBlocsPile .navigationBlocsPile-item-noHover:hover .yoyo-trigger.in .img-container img,*/

.navigationBlocsPile .navigationBlocsPile-item-noHover:hover>div .img-container img,
.navigationBlocsPile .navigationBlocsPile-item:hover .yoyo-trigger .img-container img {
    opacity: 1
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div.in .img-container img {
    opacity: .1
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .txt-container,
.navigationBlocsPile .navigationBlocsPile-item .yoyo-trigger .txt-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.navigationBlocsPile .navigationBlocsPile-item .yoyo-container .yoyo-trigger.in::before,
.navigationBlocsPile .navigationBlocsPile-item .yoyo-container .yoyo-trigger::before {
    font-size: 4rem;
    top: calc(50% - 29px);
    right: 6px
}

.navigationBlocsPile .navigationBlocsPile-item>div .txt-container h3,
.navigationBlocsPile .navigationBlocsPile-item>div .txt-container h3 a,
.navigationBlocsPile .navigationBlocsPile-item>div .txt-container h3 em,
.navigationBlocsPile .navigationBlocsPile-item>div .txt-container h3 span {
    margin: auto 0;
    font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #000!important
}

.navigationBlocsPile .navigationBlocsPile-item>div .txt-container h3 em,
.navigationBlocsPile .navigationBlocsPile-item>div .txt-container h3 .titreOeuvre {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .txt-container .description,
.navigationBlocsPile .navigationBlocsPile-item-noHover>div .txt-container h3 {
    width: 100%
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .txt-container .description a {
    color: #000!important
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .icon-chevron {
    width: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .icon-chevron a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto;
    text-align: center
}

.navigationBlocsPile .navigationBlocsPile-item-noHover>div .icon-chevron a img {
    width: 15px
}

.navigationBlocsPile-sublevel>ul>li {
    max-height: 80px
}

.navigationBlocsPile-sublevel>ul {
    margin: 0!important
}

.navigationBlocsPile-sublevel>ul>li.intertitre {
    background: #fff;
    max-height: 80px
}

.navigationBlocsPile-sublevel>ul>li.intertitre h4,
.navigationBlocsPile-sublevel>ul>li.intertitre p {
    display: inline-block;
    text-transform: none
}

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte {
    padding: 16px 40px
}

.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img img {
    /*    max-width: 100px;*/
    opacity: .1
}

@media (max-width:489px) {
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte {
        padding: 16px;
    }
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte h4,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte h4 em,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte h4 span {
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700
    }
    .navigationBlocs-sublevel ul li .navigationBlocs-sublevel-texte span.ndlr,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte span.ndlr {
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: normal
    }
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte p,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte p em,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-texte p span {
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 12px
    }
}


/*Sous titrage des vidéos*/

::cue {
    color: #FFC504;
    background-color: #FFFFFF00;
    font-size: 12;
    /* color: '#FFFFFF',
                    fontSize: 12,
                    backgroundOpacity: 50,
                    backgroundColor: '#525252',
                    windowColor:'#CC0000' */
    /* color:#FFFFFF;
   font-size: 12;
   background-color: #525252;
   opacity: 0.5;
   padding: 1em; */
    /*background-color: #52525275;*/
    /*   opacity: 0.5;*/
}


/*Lien debug (info du navigateur)*/

#debugLink {
    /* clear: both; */
    float: left;
    width: 15px;
    height: 15px;
    /* background-color: #FF0000; */
    color: white;
}

#debugLink a {
    color: white;
}


/*! ********************************************************************************************* */


/*! PAGE PORTRAITS DE JAZZMEN --- gg */


/*! ********************************************************************************************* */


/*! LISTE DES JAZZMEN */

.portraits-jazzmen .nav--filtre-jazzmen a {
    background: #f5f5f5;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    transition: none;
}

.portraits-jazzmen .nav--filtre-jazzmen a:hover {
    transition: none;
}

.portraits-jazzmen .nav--filtre-jazzmen a.active {
    text-transform: uppercase;
    color: #000;
    border: 2px solid #000;
    border-bottom: 0;
    background: #fff;
}

.portraits-jazzmen .nav-tabs {
    border: 0;
    margin-top: .875rem;
}

.portraits-jazzmen .nav-tabs>li {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
}

.portraits-jazzmen .nav-tabs>li>a {
    color: #999!important;
    border: 0;
    box-shadow: unset;
}

.portraits-jazzmen .nav-tabs>li>a,
.portraits-jazzmen .nav-tabs>li>a:hover,
.portraits-jazzmen .nav-tabs>li>a:focus {
    font-size: 13px;
    font-family: "SourceSansPro";
    font-weight: 500;
    padding: .5rem 0;
    margin: 0 .75rem;
    border: 0!important;
    background-color: transparent!important;
}

.portraits-jazzmen .nav-tabs>li.active>a,
.portraits-jazzmen .nav-tabs>li.active>a:hover,
.portraits-jazzmen nav-tabs>li.active>a:focus,
.portraits-jazzmen .nav-tabs>li>a:hover,
.portraits-jazzmen nav-tabs>li>a:focus {
    border: 0;
    background-color: transparent;
    color: #000;
    box-shadow: 0 -3px 0 0 #000 inset;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .portraits-jazzmen .nav-tabs {
        border: 0;
        margin-top: .875rem;
    }
    .portraits-jazzmen .nav-tabs>li {
        background-color: transparent;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .portraits-jazzmen .nav-tabs>li>a {
        color: #999!important;
        border: 0;
        box-shadow: unset;
    }
    .dossier-oe-modele.portraits-jazzmen .nav-tabs>li>a {
        padding: .5rem 0;
        margin: 0 .75rem;
        font-size: 13px;
    }
    .portraits-jazzmen .nav-tabs>li>a,
    .portraits-jazzmen .nav-tabs>li>a:hover,
    .portraits-jazzmen .nav-tabs>li>a:focus {
        font-size: 13px;
        font-family: "SourceSansPro";
        font-weight: 500;
        padding: .5rem 0;
        margin: 0 .75rem;
        border: 0!important;
        background-color: transparent!important;
    }
    .portraits-jazzmen .nav-tabs>li.active>a,
    .portraits-jazzmen .nav-tabs>li.active>a:hover,
    .portraits-jazzmen nav-tabs>li.active>a:focus,
    .portraits-jazzmen .nav-tabs>li>a:hover,
    .portraits-jazzmen nav-tabs>li>a:focus {
        border: 0;
        background-color: transparent;
        color: #000;
        box-shadow: 0 -3px 0 0 #000 inset;
    }
}


/*! fin : LISTE DES JAZZMEN */


/*! ********************************************************************************************* */


/*! ********************************************************************************************* */


/*! DIGITAL : home page --- gg */


/*! ********************************************************************************************* */


/*! ********************************************************************************************* */

body,
html {
    font-size: 100%;
    font-size: 16px
}

.content-oe-modele #portal .rebond .template-title {
    font-size: .875rem;
    font-family: "SourceSansPro";
}

.content-oe-modele #portal .rebond .template-info {
    font-size: .825rem;
}

.content-oe-modele .content-img-dr li,
.content-oe-modele .content-img-dr p,
.content-oe-modele .content-img-gch li,
.content-oe-modele .content-img-gch p,
.content-oe-modele .oe-accroche p,
.content-oe-modele .only-content li,
.content-oe-modele .only-content p
/*
.content-oe-modele .rubrique-oe li,
.content-oe-modele .rubrique-oe p
*/

{
    font-size: 1rem;
    /*    text-align:justify;*/
}


/*! partie a generaliser au site apres tests de compatibilité des css deja presents */

@media (min-width:1100px) {
    .section-essentiels .section-essentiels {
        max-width: 1100px;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    #page>.container,
    #zone-2 {
        padding-left: 0;
        padding-right: 0
    }
}

#portal .typeDoc {
    font-size: .825rem;
    color: #777;
    text-transform: uppercase;
    margin-bottom: .375rem
}

#portal .detail-texte,
#portal .detail-texte * {
    font-size: .875rem;
    color: #777;
    margin: 0
}


/*! ****************************************** */
/*! DIGITAL : navigation par type de documents */
/*! ****************************************** */

ul.nav-typeDoc,
ul.nav-typeDoc li,
ul.nav-typeDoc li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box
}

ul.nav-typeDoc {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.nav-typeDoc li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: 85px;
    -ms-flex-preferred-size: 85px;
    flex-basis: 85px;
    background: #f5f5f5;
    border: 1px solid #fff
}

ul.nav-typeDoc li:hover {
    background: #d1d1d1
}

ul.nav-typeDoc li>a {
    font-size: .875rem;
    padding: .5rem 0;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1
}

ul.nav-typeDoc li>a span {
    width: 100%;
    color: #000
}

ul.nav-typeDoc li>a img {
    display: block;
    width: 30px
}

ul.nav-typeDoc li>a.btn {
    padding: 1rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    ul.nav-typeDoc {
        display: none
    }
    nav.nav-typeDoc-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }
    nav.nav-typeDoc-mobile .yoyo-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    nav.nav-typeDoc-mobile .yoyo-trigger {
        margin: 0;
        height: 58px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #f5f5f5
    }
    nav.nav-typeDoc-mobile .yoyo-trigger.in,
    nav.nav-typeDoc-mobile .yoyo-trigger:hover {
        background: #d1d1d1
    }
    nav.nav-typeDoc-mobile .yoyo-container .yoyo-trigger.in::before,
    nav.nav-typeDoc-mobile .yoyo-container .yoyo-trigger::before {
        top: .2rem;
        right: 1rem
    }
    nav.nav-typeDoc-mobile .yoyo-container.closed .yoyo-content li a,
    nav.nav-typeDoc-mobile .yoyo-container.in .yoyo-content li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .5rem;
        background: #fff
    }
    nav.nav-typeDoc-mobile .yoyo-container.in .yoyo-content li a:hover {
        background: #f5f5f5
    }
    nav.nav-typeDoc-mobile .yoyo-container.closed .yoyo-content li a img,
    nav.nav-typeDoc-mobile .yoyo-container.in .yoyo-content li a img {
        width: 30px;
        min-width: 30px;
        margin-right: 1rem
    }
    nav.nav-typeDoc-mobile .btn,
    nav.nav-typeDoc-mobile .yoyo-trigger {
        padding: .5rem 1.5rem;
        border: 1px solid #fff
    }
    nav.nav-typeDoc-mobile .yoyo-trigger {
        padding: .5rem 4rem .5rem 1rem;
        border: 1px solid #fff
    }
}

@media (min-width:768px) {
    ul.nav-typeDoc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    nav.nav-typeDoc-mobile {
        display: none
    }
}


/*! ****************************************** */


/*! DIGITAL : carousel home page */


/*! ****************************************** */

.digital-home #portal #zone-2 div[id^="frame-"]>div.section-slider {
    padding-bottom: .5rem;
}

.slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.slider .slider-container-img {
    position: relative;
    /* height: 320px; */
    width: 66%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.slider .slider-container-img img {
    object-fit: cover;
    width: 100%
}

.slider .copyright {
    position: absolute;
    bottom: 1px;
    right: 3px;
    color: #fff;
    font-size: .725rem
}

.slider .btn {
    padding: .5rem 2rem;
    margin: 1rem 0 0
}

.digital-home .section-slider .bs-bullets button,
.digital-home .section-slider .bs-bullets button:active,
.digital-home .section-slider .bs-bullets button:focus,
.digital-home .section-slider .bs-bullets button:hover {
    border-color: #b3d6fd
}

.digital-home .section-slider .bs-bullets .rsNavSelected button {
    background: #b3d6fd
}

.section-slider .rsDefaultInv .rsBullets {
    top: -3.2rem;
    width: 66%
}

.section-slider .rsDefaultInv .rsArrow {
    height: 32px;
    width: 32px;
    margin: 0;
    position: absolute;
    display: inline-block;
    cursor: pointer;
    z-index: 21;
    bottom: 1.5rem;
    top: auto;
    text-decoration: none;
    opacity: 1;
}

.section-slider .rsDefaultInv.rsHor .rsArrowLeft {
    left: 2rem
}

.section-slider .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
    background: url(images/Arrow-left2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.section-slider .rsDefaultInv.rsHor .rsArrowRight {
    left: 5rem
}

.section-slider .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
    background: url(images/arrow-right2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0)
}


/*! slider mobile */

@media (max-width:767px) {
    .digital-home .panel-front.section-slider {
        padding: 0!important
    }
    .section-slider .rsSlide .rsItem {
        height: auto
    }
    .slider {
        display: block
    }
    .slider .slider-container-img {
        width: 100%;
        height: 200px;
        z-index: -1
    }
    .slider .carousel-texte {
        position: static;
        padding: 1rem;
        width: 95%;
        height: 240px;
        margin: -20px auto 0;
        background: #fff;
        border: 1px solid #a7a7a7
    }
    .section-slider .rsDefaultInv .rsArrow {
        height: 200px;
        width: 44px;
        bottom: 1.5rem;
        top: 0
    }
    .section-slider .rsDefaultInv.rsHor .rsArrowLeft,
    .section-slider .rsDefaultInv.rsHor .rsArrowRight {
        left: unset
    }
    .section-slider .rsDefaultInv .rsBullets {
        position: absolute;
        top: 180px;
        width: 100%;
        display: none
    }
}

@media (min-width:768px) {
    .slider .carousel-texte {
        padding: .5rem 0 .5rem 2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .slider .btn {
        padding: .5rem 2rem;
        margin: 2rem 0 0
    }
}


/*! ****************************************** */


/*! DIGITAL : au fil des saisons               */


/*! ****************************************** */

.fil-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fil-container .fil-item {
    max-width: 32%;
    margin-bottom: 1.325rem
}

.fil-container .fil-item .copyright {
    display: none
}

.fil-container .fil-item .fil-container-img {
    height: 170px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .375rem
}

.fil-container .fil-item .fil-img {
    object-fit: cover
}

.section-fil a {
    color: #428bca
}

@media (max-width:555px) {
    .fil-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .fil-container .fil-item {
        max-width: 100%
    }
    .fil-container .fil-item .fil-container-img {
        height: 120px
    }
}


/*! ****************************************** */


/*! DIGITAL : les essentiels               */


/*! ****************************************** */

.digital-home #portal #zone-2 #frame-27560 {
    margin-bottom: 0
}

.section-essentiels {
    background: #f5f5f5
}

.section-essentiels .section-essentiels {
    padding-top: 2rem;
    padding-bottom: 2rem!important;
}

.section-essentiels .essentiels-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}


/*! liste simple avec vignette sur le coté : */

.listeEtVignette ul.listeEtVignette>li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    max-height: 200px;
    overflow: hidden;
    margin: .5rem 0
}

.listeEtVignette ul.listeEtVignette {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.listeEtVignette ul.listeEtVignette.double li {
    max-height: none
}

.listeEtVignette ul.listeEtVignette.double li li {
    list-style-image: url(images/puces.png);
    margin-left: 20px
}

.listeEtVignette ul.listeEtVignette li:hover {
    background: #f5f5f5
}

.listeEtVignette ul.listeEtVignette li .listeEtVignette-img {
    width: 120px;
    height: 120px
}

.thema-noel .listeEtVignette ul.listeEtVignette li .listeEtVignette-img {
    max-width: 160px
}

.listeEtVignette-img a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.listeEtVignette-img img {
    object-fit: cover;
    width: 100%
}

.listeEtVignette-texte {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem .2rem 1rem 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 120px;
}

.listeEtVignette-texte h3 span.hidden-xs {
    display: inline!important;
}

.listeEtVignette-texte p {
    margin-top: 0;
    margin-bottom: 0;
    color: #777
}

.listeEtVignette-texte a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.listeEtVignette-texte h4,
.listeEtVignette-texte h4 em,
.listeEtVignette-texte h4 span {
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: medium
}

@media (max-width:991px) {
    .listeEtVignette-texte p {
        font-size: .825rem
    }
}

@media (max-width:767px) {
    .section-essentiels .essentiels-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block;
    }
    .listeEtVignette ul.listeEtVignette {
        padding: 0;
        /*!
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
*/
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .listeEtVignette ul.listeEtVignette>li {
        position: relative;
        margin: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        /*!        max-width: 100%;*/
        -webkit-flex-basis: 165px;
        -ms-flex-preferred-size: 165px;
        flex-basis: 165px;
        min-width: 165px;
        /*!        max-height: 80px;*/
        border: 1px solid #f5f5f5
    }
    .listeEtVignette ul.listeEtVignette li .listeEtVignette-img {
        width: 100%;
        height: 100%
    }
    .listeEtVignette-texte {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        background: rgba(0, 0, 0, .35);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 100%;
    }
    ul.listeEtVignette>li:hover .listeEtVignette-texte {
        background: rgba(0, 0, 0, .2);
    }
    .accueil-modele .listeEtVignette-texte h3,
    .listeEtVignette-texte h3 {
        color: #fff;
        text-align: center
    }
    .listeEtVignette-texte h3 span.hidden-xs {
        display: none!important;
    }
    .listeEtVignette-texte p {
        display: none
    }
}

@media (max-width:555px) {
    .listeEtVignette ul.listeEtVignette>li {
        max-height: 80px
    }
}


/*! fin : liste simple avec vignette sur le coté : */

.essentiels-container .pub {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.pub li.pub-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 2rem 3rem;
    text-align: center;
    margin-bottom: .5rem
}

.pub li.pub-item:last-of-type {
    margin-bottom: 0
}

.pub li.pub-item.pub-item-edutheque {
    background: #cceafc;
    background: url(/ui/skins/CIMU/images/bg-oiso-bleu-sm.jpg) no-repeat center;
    background-size: cover
}

.pub li.pub-item.pub-item-pad {
    background: #fcefcc;
    background: url(/ui/skins/CIMU/images/bg-oiso-jaune-sm.jpg) no-repeat center;
    background-size: cover
}

.pub li.pub-item.pub-item-pad .btn {
    background: #ffd076
}

.pub .pub-item-logo {
    margin-bottom: .5rem
}

.pub .pub-item-logo img {
    max-width: 180px
}

.pub .pub-item p {
    color: #555
}

.pub li.pub-item .btn {
    border: 0;
    padding: .5rem 2rem;
    max-width: 170px;
    margin-left: auto;
    margin-right: auto
}

.pub-lien {
    display: none
}

@media (max-width:767px) {
    .essentiels-container .pub {
        padding: 0;
        display: block;
    }
    .pub li.pub-item {
        padding: 1rem;
        position: relative;
        margin: 0;
        border: 2px solid #f5f5f5
    }
    .pub-lien,
    .pub-lien:hover {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: transparent
    }
    .pub-item-pad .pub-lien:hover {
        border: 2px solid #ffd076;
    }
    .pub-item-edutheque .pub-lien:hover {
        border: 2px solid #b3d6fd;
    }
    .pub .pub-item .btn,
    .pub .pub-item p {
        display: none
    }
    .pub .pub-item-logo img {
        max-width: 110px
    }
}


/*! *********************************************** */


/*! ****** Bandeau Call To Action cta  ************ */


/*! *********************************************** */

div[id^=frame-]>.cta {
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover
}

body.digital-home div[id^=frame-]>.cta {
    background-image: url(images/photos-illus/mediatheque-philharmonie.jpg)
}

.cta .cta {
    background: rgba(0, 0, 0, .5);
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.cta .container-txt .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cta .container p,
.cta h2,
.cta h2 span {
    color: #fff;
    text-align: center;
    margin: 2rem auto;
    margin-top: 0
}

.digital-home #portal .cta h2::before {
    display: none
}

.cta h2 span {
    margin: 0 auto
}


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


/* NOTICES LONGUES V2                */


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


/*! titres des notices */

.page-Recherche-PAD #notice_longue_description h1,
.notice-PAD #notice_longue_description h1 {
    text-indent: 0;
    width: 100%;
}

.page-Recherche-PAD #notice_longue_description h1,
.notice-PAD #notice_longue_description h1,
.page-Recherche-PAD #notice_longue_description h1 span,
.notice-PAD #notice_longue_description h1 span {
    display: block;
    position: relative;
    width: 100%;
    text-indent: 0;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    color: #000;
    text-transform: uppercase;
    font-size: 1.625rem!important;
    text-align: left;
    background-color: transparent;
    background-image: none;
    margin-bottom: 1rem;
}


/*! on masque le picto du type de document (notices vidéo) */

#notice_longue .notice-video .imagetypedocfull {
    display: none;
}

#notice_longue #programme-plage ul#liste_plage li a span.compositeur-plage:before {
    content: " / ";
    display: inline-block;
}


/*! ressources associées : */

#notice_longue .notice-video #ressourceliee {
    border: 0;
    padding: 0;
}

#notice_longue .notice-video #ressourceliee div.ressources-conteneur {
    display: flex;
    flex-wrap: wrap;
}

#notice_longue .notice-video #ressourceliee .dl-horizontal {
    padding: 1rem;
    margin: .25rem;
    border: 1px solid #ebebda;
    flex: 1 100%;
    flex-basis: 100%;
}

#notice_longue .notice-video #ressourceliee .dl-horizontal .maj {
    margin-bottom: .5rem;
}

#notice_longue div#ressourceliee .dl-horizontal ul li {
    padding: 0;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

#notice_longue div#ressourceliee .dl-horizontal ul li:last-of-type {
    border-bottom: 0;
}

#notice_longue div#ressourceliee .dl-horizontal ul li:hover {
    background: #f5f5f5;
}

#notice_longue .notice-video div#ressourceliee .dl-horizontal ul li figure,
#notice_longue_description div#ressourceliee .dl-horizontal ul li figure {
    padding: .25rem 0;
}

#notice_longue div#ressourceliee .dl-horizontal ul li img {
    margin: 0;
    width: 100%;
    border: 0;
}

#notice_longue #ressourceliee ul li a,
#notice_longue #ressourceliee .marge.uni100liste li a {
    flex: 1;
    padding: .25rem 0 .25rem 1.5rem!important;
    display: flex;
    align-items: center;
    border-left: 0!important;
    border-bottom: 0!important;
}

#notice_longue #ressourceliee li span {
    flex: 1;
    padding: .25rem 0 .25rem 1.5rem !important;
    display: flex;
    align-items: center;
    border-left: 0 !important;
    border-bottom: 0 !important;
}

#notice_longue .notice-video #ressourceliee a.btn {
    text-decoration: underline !important;
    color: #999 !important;
    background: transparent;
    margin: 0;
    transition-duration: .2s;
}


/*! ******************************************************** */


/*! Liste de documents (avec mis en avant + liste + filtres) */


/*! ******************************************************** */

ul.listeDocs,
ul.listeDocs * {
    margin: 0;
    padding: 0;
}

ul.listeDocs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.listeDocs .listeDocs-item {
    flex: 1 100%;
    margin-bottom: 1rem;
    border: 1px solid #bbb;
	border-radius: .5rem;
	overflow: hidden;
}

ul.listeDocs .listeDocs-item:hover {
    border: 1px solid #000;
}

ul.listeDocs .listeDocs-item>a {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: 100px;
}

ul.listeDocs .listeDocs-item>a.biblio {
    height: 120px;
}


/*! zone image de la liste */

ul.listeDocs .listeDocs-item--image {
    width: 90px;
    height: 100px;
    display: flex;
    position: relative;
}

a.biblio .listeDocs-item--image {
    width: 100px;
    height: 120px;
}

ul.listeDocs .listeDocs-item--image .icon-docType {
    position: absolute;
    top: 0;
    left: 0;
}

ul.listeDocs .listeDocs-item--image .docApercu {
    min-width: 100%;
    object-fit: cover;
    background: #f5f5f5 url(https://drop.philharmoniedeparis.fr/homepage/patrimoine/typededocs/conference.png) no-repeat center;
    background-size: 70%;
}

ul.listeDocs .biblio .listeDocs-item--image .docApercu {
    background: #f5f5f5 url(https://drop.philharmoniedeparis.fr/homepage/catalogue/pictos/livres.png) no-repeat center;
}


/*! zone de texte de la liste */

ul.listeDocs .listeDocs-item--texte {
    flex: 1;
    padding: .5rem;
    display: flex;
    overflow: hidden;
}

.infoMain {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

ul.listeDocs h3 {
    font-size: .825rem;
    line-height: 1.25;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: .25rem;
}

ul.listeDocs h4 {
    font-family: 'SourceSansPro', sans-serif;
    font-weight: normal;
    font-size: .725rem;
    ;
    margin-bottom: .25rem;
}

ul.listeDocs p,
ul.listeDocs li,
ul.listeDocs span {
    font-size: 12px;
    font-family: 'SourceSansPro', sans-serif;
    color: #777;
}

ul.listeDocs .docType,
ul.listeDocs .docType span {
    font-size: 11px;
    text-transform: uppercase;
}

ul.listeDocs .docType span:first-of-type {
    margin-right: .5rem;
}

ul.listeDocs .docType span.categ {
    background-color: #ddd;
    color: #444;
}

ul.listeDocs .docType .categ.categ-Conférence {
    background-color: #fce9f1;
}

ul.listeDocs .docType .categ.categ-Rencontre {
    background-color: #fee4c3;
}

ul.listeDocs .docType .categ.categ-Colloque {
    background-color: #d7ede6;
}

ul.listeDocs .timeInfo {
    margin-top: auto;
}

ul.listeDocs .timeInfo-duree {
    padding-right: .75rem;
    margin-right: .75rem;
    padding-right: .75rem;
    margin-right: .75rem;
    position: relative;
}

ul.listeDocs .timeInfo-duree:after {
    content: "|";
    color: #777;
    position: absolute;
    right: 0;
}

ul.listeDocs .timeInfo-date {
    font-family: 'SourceSansPro', sans-serif;
    font-weight: bold;
    color: #444;
}

ul.listeDocs .timeInfo-date::before {
    content: url(https://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/picto-agenda.png);
    margin-right: 5px;
    font-size: 12px;
    display: inline-block;
    margin-top: 2px;
}

ul.listeDocs .quidam {
    display: none;
}

ul.listeDocs .quidam .nom {
    font-family: 'SourceSansPro', sans-serif;
    font-weight: bold;
    font-size: .85rem;
}

ul.listeDocs div.more-info {
    display: none;
}

@media (min-width: 767px) and (max-width: 990px) {
    ul.listeDocs .quidam {
        flex: 1.2!important;
    }
}

@media (min-width:767px) {
    ul.listeDocs h4 {
        font-size: 14px;
    }
    ul.listeDocs .misEnAvant h4 {
        font-size: 1rem;
    }
    /*! zone image de la liste */
    ul.listeDocs .listeDocs-item--image {
        width: 210px;
    }
    a.biblio .listeDocs-item--image {
        width: 120px;
    }
    ul.listeDocs .listeDocs-item--image .docApercu {
        background-size: contain;
    }
    ul.listeDocs .listeDocs-item--texte {
        padding: .5rem 1rem;
    }
    ul.listeDocs h3 {
        font-size: 1rem;
    }
    ul.listeDocs .listeDocs-item--texte .infoMain {
        flex: 2;
    }
    ul.listeDocs .timeInfo {
        margin-top: 0;
    }
    ul.listeDocs .quidam {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        padding-left: 1rem;
    }
    ul.listeDocs div.more-info {
        flex: 1;
        display: flex;
    }
    ul.listeDocs .btn.btn-default {
        margin: auto;
        padding: .5rem 1rem;
    }
    ul.listeDocs h3 {
        font-size: 1.125rem;
    }
    ul.listeDocs p,
    ul.listeDocs li,
    ul.listeDocs span {
        font-size: .875rem;
    }
    ul.listeDocs .docType,
    ul.listeDocs .docType span {
        font-size: 12px;
    }
}


/*! ********************** */


/*! documents mis en avant */

ul.listeDocs .listeDocs-item.misEnAvant {
    flex: 1 100%;
    height: auto;
}

ul.listeDocs .listeDocs-item.misEnAvant a {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    flex-direction: column;
}


/*! zone image de la liste */

ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image {
    width: 100%;
    height: 180px;
}

ul.listeDocs .listeDocs-item.misEnAvant .biblio .listeDocs-item--image {
    height: 210px;
}

ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image .docApercu {
    object-fit: cover;
    width: 100%;
}

ul.listeDocs .listeDocs-item.misEnAvant .biblio .listeDocs-item--image .docApercu {
    object-position: top;
}

ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--texte {
    padding: 1rem;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

ul.listeDocs .listeDocs-item.misEnAvant .infoMain {
    margin-bottom: .5rem;
    flex: 1 100%;
}

ul.listeDocs .listeDocs-item.misEnAvant h3,
ul.listeDocs .listeDocs-item.misEnAvant p,
ul.listeDocs .listeDocs-item.misEnAvant span {
    margin-bottom: .325rem;
}

ul.listeDocs .listeDocs-item.misEnAvant h3 {
    text-transform: uppercase;
}

ul.listeDocs .listeDocs-item.misEnAvant .quidam {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    flex: 1 100%;
}

@media (min-width:555px) {
    ul.listeDocs .listeDocs-item.misEnAvant,
    ul.listeDocs .listeDocs-item.misEnAvant a {
        flex: 1 30%;
        display: flex;
    }
    ul.listeDocs .listeDocs-item.misEnAvant:nth-child(2),
    ul.listeDocs .listeDocs-item.misEnAvant:nth-child(3) {
        margin-left: 1rem;
    }
}


/* uniquement page selections-thematiques */

#content.selectionsThema ul.listeDocs span.type,
#content.selectionsThema ul.listeDocs span.timeInfo-duree,
#content.selectionsThema ul.listeDocs span.timeInfo-date,
#content.selectionsThema ul.listeDocs img.icon-docType {
    display: none;
}

#content.selectionsThema #filter .edit-filtres--itemGroup {
    display: flex;
    flex-wrap: wrap;
}

#content.selectionsThema #filter .edit-filtres--item {
    flex: 1 1 auto;
    width: 50%;
}

#content.selectionsThema ul.listeDocs .listeDocs-item--image .docApercu {
    background: #f5f5f5 url(https://drop.philharmoniedeparis.fr/homepage/catalogue/pictos/livres.png) no-repeat center;
}

#content.selectionsThema ul.listeDocs .listeDocs-item:not(.misEnAvant) .listeDocs-item--image {
    width: 120px;
    height: 120px;
}

#content.selectionsThema ul.listeDocs .listeDocs-item:not(.misEnAvant)>a {
    height: 120px;
}

#content.selectionsThema ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image {
    height: 210px;
}

#content.selectionsThema ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image .docApercu {
    object-fit: cover;
    width: 100%;
}

#content.selectionsThema ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image .docApercu {
    object-position: top;
}


/*! ******************************************************** */


/*! FILTRES + RECHERCHE DANS CONTENU DE LA PAGE */


/*! ******************************************************** */

.edit-filtres--container {
    display: flex;
}

.edit-filtres-recherche--wrap {
    flex: 1;
    order: 2;
    text-align: right;
    /*! display: flex; */
}

.rechercheContenu--form {
    border: 1px solid #ccc;
	border-radius: 2rem;
    display: flex;
    padding: .5rem 1rem;
    background: #fff;
}

#rechercheContenu {
    border: none;
    flex: 1;
}

label[for="rechercheContenu"]:before {
    content: url(/ui/skins/CIMU/images/submit-search.png);
    display: block;
    width: 100%;
    height: 100%;
}

label[for="rechercheContenu"] {
    margin: 0;
    width: 19px;
    height: 19px;
}

.edit-filtres--declencheur-wrap {
    flex: 1;
    display: flex;
}

.edit-filtres--wrap {
    flex: 2;
    display: flex;
    flex-direction: column;
}

.edit-filtres--search-results {
    display: none;
    /*
    margin-top: 8px;
    margin-left: 20px;
*/
    margin: 0;
    padding: .5rem 0 .5rem 1rem;
    color: #777;
}

.edit-filtres--declencheur {
    padding: .5rem 1rem;
    background: #fff;
    border: 1px solid #ccc;
	border-radius: 2rem;
}

.filtres-icon {
    margin-right: 1rem;
}

.filtres-open .triggerTexte-masquer {
    display: none;
}

.filtres-bloc--container {
    background: #f5f5f5;
    padding: 1rem;
    position: relative;
    margin-bottom: 2rem;
}

.edit-filtres-tags--wrap,
.filtres-tags--item,
#tag-delete-all {
    display: inline-block;
    margin: .5rem;
}

.tag-delete-item {
    padding-left: 1rem;
}

.filtres-tags--item {
    padding: .2rem .5rem;
    border: 1px solid #ddd;
    font-size: .875rem;
}

#tag-delete-all {
    font-size: .875rem;
    color: #fff;
    background: #000;
    padding: .2rem .5rem;
}

.edit-filtres-liste--wrap {
    position: absolute;
    top: calc(1rem + 50px);
    z-index: 2;
    background: #f5f5f5;
    left: 0;
    padding: 1rem 2rem 2rem;
    width: 100%;
    flex-wrap: wrap-reverse;
}

.filtres-colonne {
    margin: 0 2rem 1rem;
}

.edit-filtres--itemGroup label {
    font-weight: normal;
    text-transform: uppercase;
    font-size: .825rem;
}

.edit-filtres--item input {
    margin-right: 1rem;
}

.edit-filtres--itemGroup {
    padding-left: 1rem;
}

.filtres-bloc--container label {
    font-weight: normal;
}

.labelHeader {
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-weight: 500;
    margin-bottom: 1rem;
}

.filtres-tags--item:first-of-type,
.edit-filtres-tags--wrap:first-of-type {
    margin-left: 0;
}

.tags_close .tags-filtres--container {
    display: none;
}

.tags_open .tags-filtres--container {
    display: block;
}

.filtres_close .edit-filtres-liste--wrap {
    display: none;
}

.filtres_open .edit-filtres-liste--wrap {
    display: flex;
}

.filtres-bloc--container.filtres_open.tags_close {
    margin-bottom: calc(205px + 2em);
}

.filtres-bloc--container.filtres_open.tags_open {
    margin-bottom: calc(145px + 2em);
}

.edit-filtres--close {
    margin: 0 auto;
    flex: 1;
    text-align: right;
}

.edit-filtres--close a {
    white-space: nowrap;
}

.edit-filtres--close img {
    width: 1rem;
    margin-left: 1rem;
    vertical-align: top;
}

.item--search-bar {
    display: none;
}

.noConference {
    display: none;
}

@media (max-width:767px) {
    .hideMobile {
        display: none;
    }
    .edit-filtres-recherche--wrap {
        flex: 4;
    }
    .edit-filtres--declencheur span {
        font-size: 12px;
        text-transform: uppercase;
    }
}

@media (max-width:500px) {
    .edit-filtres-recherche--wrap {
        flex: 3;
    }
    .edit-filtres--declencheur img {
        margin: 0;
        min-width: 16px;
    }
    .edit-filtres--declencheur span {
        display: none;
    }
    .edit-filtres--search-results {
        font-size: .825rem
    }
    .edit-filtres-liste--wrap {
        padding: 1rem 0 2rem;
    }
    .edit-filtres--close {
        padding-right: 1rem;
    }
}


/*! ********************* */


/*! PAGE CONFERENCES 2.0  */


/*! ********************* */

body.conference-new #search-panel {
    display: none;
}


/*! ************** */


/*! BLOC PRINT-PDF */


/*! ************** */

body:not(.edutheque) .print-pdf>.print-pdf {
    display: none;
}

.print-pdf img {
    margin-right: 10px;
}

.print-pdf a {
    color: #000000 !important;
}

#container3d {
    background-color: rgb(233, 233, 233);
}


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


/* NOTICES LONGUES V.2019 */


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

#notice_longue .notice-v19 section {
    padding: 1rem .5rem;
}

#notice_longue .notice-v19 .notice--entete {
    display: flex;
    justify-content: space-between;
}

#notice_longue .notice-v19 .notice--docLink {
    padding: 0 .5rem;
}

#notice_longue .notice-v19 .notice--zone-titre {
    flex: 2;
}

#notice_longue .notice-v19 .typeDoc-apercu {
    display: none;
}

#notice_longue .notice-v19 .notice--zone-titre p.item-Type {
    display: inline-block;
}

#notice_longue .notice-v19 .notice--zone-titre img.typeDoc-icon--mobile {
    display: inline-block;
    vertical-align: bottom;
    width: 48px;
    margin-bottom: .35rem;
}

@media (min-width:768px) {
    #notice_longue .notice-v19 .notice--zone-titre img.typeDoc-icon--mobile {
        display: none;
    }
    #notice_longue .notice-v19 .typeDoc-apercu {
        flex: 1;
        display: block;
        text-align: center;
    }
}

#notice_longue .notice-v19 .typeDoc-apercu img {
    margin: 0;
    margin: auto;
    width: unset;
    box-shadow: none;
    border: 0;
    opacity: .2;
}

#notice_longue .notice-v19.notice-programme .typeDoc-apercu img,
#notice_longue .notice-v19.notice-guideecoute .typeDoc-apercu img {
    width: 100px;
    box-shadow: 0 4px 9px 0 #ddd;
    opacity: 1;
}

#notice_longue .notice-v19 img,
#notice_longue .notice-v19 .btn-info {
    border: 0;
}

#notice_longue .notice-v19 .fichier-audio-video {
    display: none;
}

#notice_longue .notice-v19 .notice--entete p,
#notice_longue .notice-v19 .notice--entete li {
    font-family: "SourceSansPro", sans-serif;
    color: #777;
    font-size: .875rem;
    border: 0;
    padding: 0;
}

#notice_longue .notice-v19.notice-programme .notice--entete ul {
    background: transparent;
    padding: 0;
}

#notice_longue .notice-v19 .notice--entete p.item-Type {
    text-transform: uppercase;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 500;
    color: #777;
    margin-bottom: .35rem;
}

#notice_longue .notice-v19 p.item-Type.line:after {
    content: "";
    display: none;
}

#notice_longue .notice-v19 h1 {
    width: unset;
    font-size: 1.375rem!important;
    line-height: 1.1;
    text-indent: 0;
}

#notice_longue .notice-v19 h1 span {
    background: none;
    float: none;
    clear: both;
    text-align: left;
    padding-left: 0;
    font-size: 1.375rem!important;
    line-height: 1.1;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-indent: 0;
}

@media (max-width:650px) {
    #notice_longue_description .notice-v19 .notice--entete h2 span {
        margin-top: 0;
    }
}

#notice_longue .notice-v19 #programme-plage h2.category_header span {
    padding-left: 1rem;
    margin-bottom: 1rem;
}

#notice_longue .notice-v19 h2.category_header span {
    background: none;
    text-align: left;
    padding-left: 0;
    font-size: 1.125rem;
    /* text-transform: none;
    font-family: LinotypeBrewery-Bold, sans-serif; */
    margin-bottom: .5rem;
}

#notice_longue .notice-v19 dl dt.maj,
#notice_longue .notice-v19 a {
    font-size: .875rem;
}

#notice_longue .notice-v19 .concert_rec>p,
#notice_longue .notice-v19 .concert_rec>span,
#notice_longue .notice-v19 .real>span {
    color: #777;
    float: none;
    clear: both;
    padding: 0;
    font-size: .875rem;
}

#notice_longue .notice-v19 .real>span.real-item {
    padding: 0;
}

.real-item:nth-of-type(n+2):before {
    content: ", "
}

#notice_longue .notice-v19 a.btn-default.btn.connect-notice {
    text-transform: uppercase;
    font-size: .825rem;
    vertical-align: baseline;
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: inline-block;
    padding: .35rem 1rem;
}

#notice_longue .notice-v19 a.btn-default.btn.connect-notice:hover {
    border: 1px solid #000 !important;
    background: #000 !important;
    color: #fff !important;
}

#notice_longue .notice-v19 .concert_rec {
    margin-bottom: 0;
}

#notice_longue .notice-v19 .concert_rec>.exp_date {
    padding: 0;
    background: transparent!important;
    background-color: transparent!important;
    border: 0;
    font-family: SourceSansPro, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .825rem;
}

#notice_longue .notice-v19 .concert_rec>.exp_date:before {
    content: "| ";
    margin-right: .25rem;
}


/* NOTICE V19 BOUTON ACTION */

#notice_longue .notice-v19 a.docLink,
#player_contenu #player_content a.player-link {
    display: block;
    float: left;
    position: relative;
    padding: 1.125rem 2rem 1.125rem 4rem;
    color: #000 !important;
    margin-top: 10px;
    border: 0;
    font-size: .875rem;
    text-transform: uppercase;
}

#notice_longue .notice-v19 a.docLink span,
#player_contenu #player_content a.player-link span {
    color: #000 !important;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
    font-size: .875rem;
}

#notice_longue a.link-download:after {
    content: url(images/icon-download-16px.png);
    position: absolute;
    top: 1.25rem;
    left: 2rem;
    border: 0;
}

.edutheque #page>div.contenu #notice_longue .notice-v19 a.docLink,
.edutheque #page>div.contenu #player_contenu #player_content a.player-link {
    color: #001b3b !important;
    background: transparent;
    border: 1px solid #001b3b!important;
    text-transform: none;
    padding: .5rem 2rem;
}

.edutheque #page>div.contenu #notice_longue .notice-v19 a.docLink span,
.edutheque #page>div.contenu #player_contenu #player_content a.player-link span {
    color: #001b3b !important;
}

.edutheque #page>div.contenu #notice_longue a.link-download:after {
    content: url(images/icon-download-16px.png);
    position: static;
    border: 0;
    margin-left: 1rem;
}

#player_contenu #player_content .player-buttons {
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}

#player_contenu #player_content a.player-link {
    display: inline-block;
    box-sizing: border-box;
}

#player_content .player-buttons a.player-link:before {
    content: url(images/icon-triangle-16px.png);
    position: absolute;
    top: 1.1rem;
    left: 2rem;
    border: 0;
    transform: none;
}

#player_content .player-buttons a.player-link:after {
    content: attr(data-titre);
    display: none;
}


/*
#notice_longue .notice-v19 .item-publisher li, .item-publisher li {
    margin-right: 0;
}
#notice_longue .notice-v19 #programme-plage{
    flex:1 450px;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li {
    list-style-type: none!important;
    margin:0;
    clear: both;
    display: flex;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li:nth-of-type(odd) {
    background: #fafafa;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li:hover,
#notice_longue .notice-v19 #programme-plage li.prog:hover {
    background: #fff;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a{
    flex: 1;
    padding: .35rem;
    padding-left: 1rem;
    font-size: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.titre-plage{
    font-size: .875rem;
    color:#1675e1;
    flex:3.5;
    line-height: 1.25;
    padding-right: .25rem;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.compositeur-plage{
    font-size: .825rem;
    padding-left: .25rem;
    float: right;
    color:#777;
    flex: 2.5;
    line-height: 1.25;
}
*/


/* NOTICE V19 CONTENU */

.notice-v19 .notice--contenu {
    display: flex;
    flex-wrap: wrap;
}

.notice-v19 .notice--contenu>div {
    flex: 1 290px;
    padding: 1rem .5rem;
}

#notice_longue .notice-v19 #programme-plage h2,
#notice_longue .notice-v19 #contexte h2,
#notice_longue .notice-v19 #ressourceliee h2 {
    background: transparent;
}

.notice-v19 .notice--contenu #notice--description {
    background: #f5f5f5;
}

#notice_longue .dl-horizontal ul li {
    font-size: .875rem;
    display: inline-block;
}


/* notice v19 publisher et programme plages */

#notice_longue .notice-v19 .notice--contenu {
    width: 100%;
    margin-top: 0;
    justify-content: space-between;
}

#notice_longue .notice-v19 .notice--contenu>* {
    margin: 0;
    border: 4px solid white !important;
}

#notice_longue .notice-v19 .item-publisher,
.notice-v19 .item-publisher,
#notice_longue .notice-v19 #programme-plage {
    background: #f5f5f5;
    padding: 1rem 0 0;
    border: 0;
}

#notice_longue .notice-v19 .item-publisher,
.notice-v19 .item-publisher {
    padding: 1rem;
    /*    flex:1 33%;*/
    flex: 1 250px;
    padding-left: 2rem;
    margin-bottom: 0;
}

#notice_longue .notice-v19 .item-publisher li,
.item-publisher li {
    margin-right: 0;
}

#notice_longue .notice-v19 #programme-plage {
    /*    flex:1 63%;*/
    flex: 1 450px;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li {
    list-style-type: none!important;
    margin: 0;
    clear: both;
    display: flex;
    align-items: center;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li:nth-of-type(odd) {
    background: #fafafa;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li:hover,
#notice_longue .notice-v19 #programme-plage li.prog:hover {
    background: #fff;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li a {
    flex: 1;
    padding: .35rem;
    padding-left: 1rem;
    font-size: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.titre-plage {
    font-size: .875rem;
    color: #1675e1;
    flex: 3.5;
    line-height: 1.25;
    padding-right: .25rem;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.compositeur-plage {
    font-size: .825rem;
    padding-left: .25rem;
    float: right;
    color: #777;
    flex: 2.5;
    line-height: 1.25;
}

#notice_longue .notice-v19 li.prog {
    padding: 1rem 0 .5rem;
    display: flex;
    align-items: center;
}

#notice_longue .notice-v19 li.prog a {
    flex: 1;
    padding: .5rem;
    font-size: .875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .titre-plage,
#notice_longue .notice-v19 li.prog a:hover {
    text-decoration: underline!important;
}

#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .compositeur-plage {
    text-decoration: none!important;
}

#notice_longue .notice-v19 #programme-plage .note {
    padding: 1rem;
}

#notice_longue .notice-v19 li.prog img.pdf {
    margin: 0 .75rem 0 0;
    order: 0;
}

@media (min-width:768px) {
    #notice_longue .notice-v19 .publisher-container,
    .notice-v19 .publisher-container {
        max-width: 33%;
    }
    #notice_longue .notice-v19 #programme-plage {
        max-width: 66%;
        min-width: 62%;
    }
}

#notice_longue .notice-v19 .item-publisher li,
.notice-v19 .item-publisher li {
    display: list-item;
    width: 100%;
    border: 0;
    font-size: .875rem;
    list-style-type: disc;
    /*    list-style-position: inside;*/
    list-style-position: outside;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
}

#notice_longue .notice-v19 .item-publisher .btn-info.tarzan {
    background: none !important;
    background-color: transparent;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    color: #1675e1!important;
    margin: 0;
    padding: 0;
    transition: unset;
}

#notice_longue .notice-v19 .btn-info.tarzan:hover {
    text-decoration: underline !important;
}

#notice_longue .notice-v19 #programme-plage {
    width: unset;
    margin-right: 0;
}

#notice_longue #programme-plage .dl-horizontal {
    margin-top: 0;
}

#notice_longue #programme-plage .faitPartieDe a {
    font-size: .875rem;
}

#notice_longue #programme-plage .faitPartieDe a:hover {
    text-decoration: underline!important;
}

#notice_longue .notice-v19 .maj {
    font-size: .925rem;
}

#notice_longue #programme-plage ul#liste_plage li a span.compositeur-plage:before {
    display: none;
}


/* fin : notice V19 publisher et programme plages */


/*************************************************************************************** deja en com */

@media (max-width:767px) {
    /*
    #notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.titre-plage{
        flex:2;
    }
    #notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.compositeur-plage{
        flex:1;
    }
*/
}


/*

#notice_longue .notice-v19 li.prog {
    padding: 1rem 0 .5rem;
    display: flex;
    align-items: center;
}
#notice_longue .notice-v19 li.prog a {
    flex: 1;
    padding: .5rem;
    font-size: .875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .titre-plage,
#notice_longue .notice-v19 li.prog a:hover{
    text-decoration: underline!important;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .compositeur-plage {
    text-decoration: none!important;
}
#notice_longue .notice-v19 li.prog img.pdf {
    margin: 0 .75rem 0 0;
    order:0;
}
*/


/*************************************************************************************** deja en com */

@media (min-width:768px) {
    /*
    #notice_longue .notice-v19 .item-publisher,
    .notice-v19 .item-publisher {
        max-width: 33%;
    }
    #notice_longue .notice-v19 #programme-plage {
        max-width: 66%;
    }
*/
}


/*

#notice_longue .notice-v19 .item-publisher li,
.notice-v19 .item-publisher li {
    display: list-item;
    border:0;
    font-size: .875rem;
    list-style-type: disc;
    list-style-position: outside;
}
#notice_longue .notice-v19 .item-publisher .btn-info.tarzan{
    background:none !important;
    background-color: transparent;
    color:#1675e1!important;
    margin: 0;
    padding: 0;
    font-family: LinotypeBrewery-regular, sans-serif;
    transition: unset;
}
#notice_longue .notice-v19 .btn-info.tarzan:hover{
    text-decoration: underline !important;
}

#notice_longue .notice-v19 #programme-plage {
    width: unset;
    margin-right: 0;
}
#notice_longue #programme-plage .dl-horizontal {
    margin-top: 0;
}
#notice_longue #programme-plage .faitPartieDe a {
    font-size: .875rem;
}
#notice_longue #programme-plage .faitPartieDe a:hover {
    text-decoration: underline!important;
}
*/


/*! recherches associées : */

#notice_longue .notice-v19 #notice--contexte {
    float: none;
    border: 0;
    padding: 1rem 0 0;
}

#notice_longue .notice-v19 #notice--contexte h2,
#notice_longue .notice-v19 #notice--contexte h2 span {
    padding-left: 0;
}

#notice_longue .notice-v19 #notice--contexte a.btn {
    text-decoration: underline!important;
    color: #999!important;
    background: transparent;
    transition: none;
}

#notice_longue .notice-v19 #notice--contexte a.btn-info.tarzan:hover {
    text-decoration: underline!important;
    color: #1675e1!important;
    background-color: transparent!important;
}

#notice_longue .notice-v19 .maj {
    font-size: .925rem;
}

#notice_longue .notice-v19 #notice--contexte {
    float: none;
    border: 0;
    /*    padding: 1rem 0 0;*/
    flex: 1 180px;
}

#notice_longue .notice-v19 #notice--contexte h2,
#notice_longue .notice-v19 #notice--contexte h2 span {
    padding-left: 0;
}

#notice_longue .notice-v19 #notice--contexte a.btn {
    text-decoration: underline!important;
    color: #999!important;
    background: transparent;
}

#notice_longue .notice-v19 #notice--contexte div.contexte-conteneur {
    display: flex;
    flex-wrap: wrap;
}

#notice_longue .notice-v19 #notice--contexte .dl-horizontal {
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ebebda;
    flex: 1;
    flex-basis: 150px;
}

#notice_longue .notice-v19 #notice--contexte .dl-horizontal .maj {
    margin-bottom: .5rem;
}

#notice_longue .notice-v19 #notice--contexte a.btn {
    text-decoration: underline !important;
    color: #999 !important;
    background: transparent;
    margin: 0 .75rem 0 0;
    transition: unset;
    border: 0;
}

#notice_longue .notice-v19 #notice--contexte .btn-info.tarzan:hover {
    color: #1675e1 !important;
    background: transparent!important;
}


/* CC (13/03/2019) sur l'oeuvre (UNI100)  */

#notice_longue .ficheOeuvre dd {
    margin-bottom: .5rem;
    font-size: .875rem;
}

#notice_longue .ficheOeuvre dd span {
    font-style: italic;
}


/*! ressources associées : */

#notice_longue .notice-v19 #notice--ressourceliee,
#notice_longue_description #notice--ressourceliee {
    border: 0;
    /*    padding: 1rem 0 0;*/
}

#notice_longue .notice-v19 #notice--ressourceliee div.ressources-conteneur,
#notice_longue_description #notice--ressourceliee div.ressources-conteneur {
    display: flex;
    flex-wrap: wrap;
}

#notice_longue .notice-v19 #notice--ressourceliee .dl-horizontal,
#notice_longue_description #notice--ressourceliee .dl-horizontal {
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ebebda;
    flex: 1 340px;
}

#notice_longue .notice-v19 #notice--ressourceliee .dl-horizontal .maj,
#notice_longue_description #notice--ressourceliee .dl-horizontal .maj {
    margin-bottom: .5rem;
}

#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li {
    padding: 0;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ebebda;
    flex: 100%;
}

#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li:last-of-type,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li:last-of-type {
    border-bottom: 0;
}

#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li:hover,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li:hover {
    background: #f5f5f5;
}

#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li figure,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li figure {
    padding: .25rem 0;
}

#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li img,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li img {
    margin: 0;
    width: 100%;
}

#notice_longue .notice-v19 #notice--ressourceliee ul li a,
#notice_longue_description #notice--ressourceliee ul li a,
#notice_longue #notice--ressourceliee .marge.uni100liste li a {
    flex: 1;
    padding: .25rem 0 .25rem 1.5rem;
    display: flex;
    align-items: center;
    border-left: 0!important;
    border-bottom: 0!important;
}

#notice_longue .notice-v19 #notice--ressourceliee a.btn,
#notice_longue_description #notice--ressourceliee a.btn {
    text-decoration: underline !important;
    color: #999 !important;
    background: transparent;
    margin: 0;
    transition-duration: .2s;
}

#notice--ressourceliee .marge {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}


/*************************************************************************************** deja en com */


/*
@media (max-width:992px){
    #notice_longue_description div#ressourceliee .dl-horizontal ul li{
        flex-basis: 350px;
        flex: 1 250px;
    }
}
*/


/*! rebonds - suggestions - en bas de notice longue */


/*
#detail-notice-rebound h2,
#detail-notice-rebound h2 span{
    margin-bottom: 0;
}
*/


/*! parties de concert */


/*
#notice_longue_description .notice-v19.notice-v19-partie > *{
    margin:.25rem;
}
#notice_longue_description .notice-v19.notice-v19-partie #programme-plage{
    padding:1rem;
}
#notice_longue_description .notice-v19.notice-v19-partie #programme-plage h2.category_header span {
    padding: 0;
}
*/


/*! fin : notice longue V19 */


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


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


/* ************************ TOP BAR ****************** */


/* **************** nav connexe + metanav ************ */


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


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

.topbar-conteneur {
    width: 100%;
    background: #000;
}


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


/* ***************** NAV CONNEXE    ****************** */


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

#nav_connexe.nav_connexe_pp {
    display: block;
}

#nav_connexe.nav_connexe_pp>* {
    display: inline-block;
    width: auto;
}

#nav_connexe.nav_connexe_pp>.nav_cnx {
    display: inline-block;
    width: auto;
}

#nav_connexe.nav_connexe_pp #identite_utilisateur {
    position: static;
}

@media (min-width:768px) {
    #nav_connexe.nav_connexe_pp .hidden-xs {
        display: inline-block!important;
    }
}

#page .nav_cnx .metanav {}

@supports (display:flex) {
    #nav_connexe.nav_connexe_pp {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #nav_connexe.nav_connexe_pp.container::before,
    #nav_connexe.nav_connexe_pp.container::after {
        display: none;
    }
}


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


/* ***************** METANAVIGATION ****************** */


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

span.btn-default.btn {
    padding: 6px 12px;
    font-size: 10px;
    text-transform: none;
    transition: none;
}

.metanav-menu span.btn-default.btn {
    background: transparent !important;
    color: #ffd076 !important;
    border: 1px solid #ffd076 !important;
    line-height: 1;
}

.metanav-menu .btn-default.btn:before {
    content: url(/ui/skins/MEDIA/images/icon-extlink-bleupp.png);
    margin-right: .5rem;
}

.metanav-menu .nav-item--pad .btn-default.btn:before {
    content: url(/ui/skins/MEDIA/images/icon-extlink-jaune.png);
    margin-right: .5rem;
}

.metanav-menu .nav-item--mag .btn-default.btn:before {
    content: url(/ui/skins/MEDIA/images/icon-extlink-rose.png);
    margin-right: .5rem;
}

.metanav-menu .sub-nav ul.sub-nav-group--header>a:hover .sub-nav--linkMain .btn-default.btn,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus .sub-nav--linkMain .btn-default.btn,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus-within .sub-nav--linkMain .btn-default.btn,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus>a:hover .sub-nav--linkMain .btn-default.btn {
    background: #ffd076 !important;
    color: black !important;
}

.metanav-menu .sub-nav ul.sub-nav-group--header>a:hover .sub-nav--linkMain .btn-default.btn:before,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus .sub-nav--linkMain .btn-default.btn:before,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus-within .sub-nav--linkMain .btn-default.btn:before,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus>a:hover .sub-nav--linkMain .btn-default.btn:before {
    content: url(/ui/skins/MEDIA/images/icon-extlink-noir.png);
    margin-right: .5rem;
}

.metanav-menu span.btn-default.btn.btn-pp {
    background: transparent !important;
    color: #b3d6fd !important;
    border: 1px solid #b3d6fd !important;
}

.metanav-menu .sub-nav ul.sub-nav-group--header>a:hover .sub-nav--linkMain .btn-default.btn.btn-pp,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus .sub-nav--linkMain .btn-default.btn.btn-pp,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus-within .sub-nav--linkMain .btn-default.btn.btn-pp,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus>a:hover .sub-nav--linkMain .btn-default.btn.btn-pp {
    background: #b3d6fd !important;
    color: black !important;
}

.metanav-menu span.btn-default.btn.btn-edutheque {
    background: transparent !important;
    color: #0095DA !important;
    border: 1px solid #0095DA !important;
}

.metanav-menu .sub-nav ul.sub-nav-group--header>a:hover .sub-nav--linkMain .btn-default.btn.btn-edutheque,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus .sub-nav--linkMain .btn-default.btn.btn-edutheque,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus-within .sub-nav--linkMain .btn-default.btn.btn-edutheque,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus>a:hover .sub-nav--linkMain .btn-default.btn.btn-edutheque {
    background: #0095DA !important;
    color: black !important;
}

.metanav-menu span.btn-default.btn.btn-mag {
    background: transparent !important;
    color: #FFCAB7 !important;
    border: 1px solid #FFCAB7 !important;
}

.metanav-menu .sub-nav ul.sub-nav-group--header>a:hover .sub-nav--linkMain .btn-default.btn.btn-mag,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus .sub-nav--linkMain .btn-default.btn.btn-mag,
.metanav-menu .sub-nav ul.sub-nav-group--header>a:focus-within .sub-nav--linkMain .btn-default.btn.btn-mag,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus>a:hover .sub-nav--linkMain .btn-default.btn.btn-mag {
    background: #FFCAB7 !important;
    color: black !important;
}

#page .nav_cnx {
    display: block;
    padding: 0!important;
    background: #000!important;
    height: 35px!important;
}

@media (max-width: 767px) {
    #page .nav_cnx {
        /*        display: none;*/
    }
}

#page .nav_cnx+.btn-group {
    margin: 0;
    top: 0;
}

#page .nav_cnx>div,
#page .nav_cnx .metanav {
    height: 100%;
}

#page .nav_cnx .metanav {
    display: flex;
    position: relative;
    z-index: 9999999;
}

.metanav p,
.metanav span,
.metanav a,
.metanav li {
    color: #fff;
}

.metanav-trigger {
    background: rgba(0, 0, 0, 1);
    border: 0;
}

.metanav-trigger:focus {
    background: rgba(255, 255, 255, 0.3);
}

.metanav-trigger--text {
    /*    text-transform: uppercase;*/
    font-size: 13px;
    text-decoration: underline;
}

.metanav-trigger--icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    padding: 0 .45rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    margin-left: .5rem;
}

#metanav-menu {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #000;
    background: #222;
    max-width: 1100px;
    width: 260px;
    z-index: 99999999;
}


/* mega menu list */

.metanav-menu .nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
    display: flex;
    flex-direction: column;
}


/* a top level navigation item in the mega menu */

.metanav-menu .nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    display: flex;
    border: 1px solid transparent;
}

.metanav-menu .nav-item:first-of-type,
.metanav-menu .nav-item:nth-of-type(5) {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.nav-item:focus,
.nav-item:focus-within,
.nav-item:hover {
    /*    border-right: 1px solid #202020;*/
    border: 1px solid #333;
}

.metanav-menu .nav-item:first-of-type>a,
.metanav-menu .nav-item:nth-of-type(5)>a {
    padding: 2rem;
}


/* first descendant link within a top level navigation item */

.metanav-menu .nav-item>a {
    position: relative;
    display: inline-block;
    padding: 1.5rem 2rem;
    margin: 0;
    border: 1px solid transparent;
    color: #fff;
    font-family: 'Philharmonique', sans-serif;
    font-size: .825rem;
    text-transform: uppercase;
	font-weight: 400;
    width: 100%;
}


/* focus/open states of first descendant link within a top level
   navigation item */

.metanav-menu .nav-item:hover>a,
.metanav-menu .nav-item:focus-within,
.metanav-menu .nav-item>a:hover,
.metanav-menu .nav-item>a:focus,
.metanav-menu .nav-item>a.focus,
.metanav-menu .nav-item>a.open {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #333;
}

.metanav-menu .nav-item:focus-within>a:after,
.metanav-menu .nav-item:hover>a:after,
.metanav-menu .nav-item>a:focus:after,
.metanav-menu .nav-item>a.focus:after,
.metanav-menu .nav-item>a.open:after {
    /*    content:url(images/icon--chevron-droite.png);*/
    display: inline;
    position: absolute;
    right: 2rem;
}

.metanav-menu .nav-item:hover>a {
    /*    text-decoration: underline!important;*/
}


/* open state of first descendant link within a top level
   navigation item */


/*
.metanav-menu .nav-item > a.open {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    z-index: 1;
}
*/


/* sub-navigation panel */

.metanav-menu .sub-nav {
    position: absolute;
    display: none;
    top: 0;
    margin-top: 0;
    padding: 0;
    border: 1px solid transparent;
    background-color: #202020;
    background-color: #333;
    left: 260px;
    height: 100%;
    width: 340px;
}


/* sub-navigation panel open state */

.metanav-menu .sub-nav.open {
    display: block;
    display: flex;
    flex-direction: column;
    /*    justify-content: space-around;*/
}


/* list of items within sub-navigation panel */

.metanav-menu .sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 .5rem;
    padding: 0 1rem 1rem;
}

.metanav-menu .sub-nav ul.sub-nav-group {
    flex: 1;
}

.metanav-menu .sub-nav ul.sub-nav-group--header:hover,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus-within,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus {
    /*    background: rgba(255,255,255,.2);*/
}

.metanav-menu .sub-nav ul.sub-nav-group--header:hover .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus-within .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header:hover .sub-nav--resume,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus .sub-nav--resume,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus-within .sub-nav--resume,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus .sub-nav--resume {
    /*    text-decoration: underline;*/
}

.metanav-menu .sub-nav ul.sub-nav-group--header {
    padding: 1rem;
}

.metanav-menu .sub-nav ul.link-rapide {
    /*    flex:1;*/
}

.metanav-menu .nav-item--pad .sub-nav ul.link-rapide>li {
    margin-right: 0;
    max-width: 49%;
    width: 49%;
    display: inline-block;
}

.metanav-menu .sub-nav ul.link-rapide>li {
    margin-bottom: .5rem;
}

.metanav-menu .sub-nav ul.link-rapide>li a {
    font-size: .875rem;
}

.metanav-menu .nav-item--pad .sub-nav ul.link-rapide>li a {
    font-size: .825rem;
}


/* list item within sub-navigation panel */

.metanav-menu .sub-nav a {
    color: #fff;
    margin: 0;
    font-size: .825rem;
    line-height: 1.5;
}

.metanav-menu .sub-nav .sub-nav-group>a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.metanav-menu .nav-item-rsrcDoc .sub-nav a {
    color: #bbb;
    text-decoration: none!important;
    text-transform: none;
}


/*
.metanav-menu .sub-nav .link-rapide a {
    color:#b3d6fd;
}
.metanav-menu .nav-item--pad .sub-nav .link-rapide a {
    color:#ffd076;
}
.metanav-menu .nav-item--edu .sub-nav .link-rapide a {
    color:#0095DA;
}
*/

.metanav-menu .sub-nav .link-rapide a:hover {
    text-decoration: underline!important;
}

.metanav-menu .sub-nav .link-rapide li::before {
    content: "• ";
    margin-right: .2rem
}

.metanav-menu .sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .875rem;
    text-transform: none;
    line-height: 1.5;
    color: #bbb;
}

.metanav-menu .sub-nav li.sub-nav--logo {
    font-size: 1rem;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
    height: 42px;
    box-sizing: border-box;
    display: block;
    justify-content: center;
}

.metanav-menu .sub-nav--logo img {
    max-width: 120px;
}

@supports (display:flex) {
    .metanav-menu .sub-nav li.sub-nav--logo {
        font-size: 1rem;
		font-family: 'Philharmonique', sans-serif;
	    text-transform: uppercase;
        color: #fff;
        text-align: center;
        margin-bottom: 1rem;
        height: 42px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }
}

@supports (object-fit:contain) {
    .metanav-menu .sub-nav--logo img {
        object-fit: contain;
    }
}

.metanav-menu .nav-item--edu .sub-nav li.sub-nav--logo {
    display: flex;
    justify-content: space-between;
}

.metanav-menu .nav-item--edu .sub-nav li.sub-nav--logo img {
    max-width: 130px
}

.metanav-menu .nav-item--live img.logo {
    /*    max-width: 28px;*/
}

.metanav-menu .sub-nav li.sub-nav--sous-titre {
	text-transform: uppercase;
	font-size: .875rem;
	font-family: 'Philharmonique', sans-serif;
	color: #fff;
	margin: .5rem 0;
	text-align: center;
}

.metanav-menu .sub-nav a li.sub-nav--resume,
.metanav-menu .sub-nav li.sub-nav--resume {
    font-size: .875rem;
    text-transform: none;
    text-decoration: none;
    margin: .5rem 0;
}

.metanav-menu .sub-nav li.sub-nav--linkMain {
    color: cornflowerblue;
    margin-top: .5rem;
}

@media (min-width:768px) {
    /*
    .metanav-menu .sub-nav li.sub-nav--linkMain {
        opacity: 0;
    }
*/
    .metanav-menu .nav-item .sub-nav-group--header>a:hover li.sub-nav--linkMain,
    .metanav-menu .nav-item .sub-nav-group--header>a.hover li.sub-nav--linkMain,
    .metanav-menu .nav-item .sub-nav-group--header>a:focus li.sub-nav--linkMain {
        text-decoration: underline;
    }
}

.metanav-menu .sub-nav span,
.metanav-menu .sub-nav p {
    color: #bbb;
    margin: 0;
    font-size: .825rem;
    line-height: 1.5
}


/* metanav : liens dynamiques (prochain live, etc) */

#page .link-dyna {
    display: flex;
    align-items: center;
}

#page .link-dyna li {
    width: 100%;
}

#page .link-dyna a {
    display: flex;
    text-decoration: none!important;
}

#page .link-dyna>li>p {
    display: flex;
    align-items: center;
    /*    justify-content: space-between;*/
}

.link-dyna--img {
    width: 76px;
    height: auto;
    max-height: 80px;
    display: flex;
    flex-shrink: 0;
    border: 0;
}

.link-dyna--img img {
    min-width: 100%;
    margin: 0;
    object-fit: cover;
    border: 0;
}

.link-dyna--texte {
    padding: .5rem;
    background: #000;
    background: #222;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.link-dyna a:hover .link-dyna--texte,
.link-dyna a:focus .link-dyna--texte {
    background: #313131;
}

.metanav-menu .sub-nav p.link-dyna--titre {
	text-transform: none;
	font-size: .875rem;
	line-height: 1.25;
	margin-top: .25rem;
}

.metanav-menu .sub-nav .link-dyna--titre {
    color: #fff;
}

.metanav-menu .sub-nav .link-dyna--typeDoc {
    font-size: 11px;
    line-height: 1;
    color: #999;
    text-transform: uppercase;
    margin-bottom: .25rem;
}

.metanav-menu .sub-nav #dyna-pad .link-dyna--typeDoc {
    color: #ffd076;
}

.metanav-menu .sub-nav #dyna-live .link-dyna--typeDoc {
    color: #b3d6fd;
}

.metanav-menu .sub-nav #dyna-live .link-dyna--typeDoc:before {
    /*    content:url(images/icon-clock-bleu.png);*/
    margin-right: .5rem;
}

.metanav-menu .sub-nav .link-dyna--date {
    /*    text-transform:uppercase;*/
    /*    font-size: 12px;*/
    line-height: 1;
    color: #fff;
}

.metanav-menu .sub-nav #dyna-pad .link-dyna--date {
    display: none;
}

.metanav-menu .sub-nav #dyna-live .link-dyna--date {
    /*    margin-left:.75rem;*/
}

.metanav-menu .sub-nav .link-dyna--texte .link-dyna--date {
    /*    text-transform:none;*/
    font-size: 12px;
    line-height: 1;
    color: #bbb;
}

.metanav-menu .nav-item--mag .sub-nav .link-dyna--texte .link-dyna--date {
    color: #FFCAB7;
}


/* fin : metanav liens dynamiques (prochain live, etc) */


/* Rsrc doc */

.nav-item.nav-item--rsrcDoc h2 {
	font-family: 'Philharmonique', sans-serif;
	text-transform:uppercase;
    font-size: 14px;
	font-weight: 400;
    color: #fff;
    text-align: left;
    margin: .5rem 0;
}

.metanav-menu .sub-nav ul.sub-nav-group.nav-item--mdtq {
    padding-right: .5rem;
}

.nav-item.nav-item--rsrcDoc .sub-nav li {
    font-size: .825rem;
    line-height: 1.5;
}

.metanav-menu .sub-nav-group.nav-item--mdtq li {
    display: flex;
}

.metanav-menu .sub-nav-group.nav-item--mdtq figure {
    margin-right: .5rem;
    flex: 1;
}

.metanav-menu .sub-nav-group.nav-item--mdtq figure img {
    width: 100%;
    margin: 0;
}

.metanav-menu .sub-nav-group.nav-item--mdtq p {
    flex: 4;
}

.metanav-menu .nav-item--rsrcDoc .sub-nav a:hover {
    background: rgba(255, 255, 255, .05);
}

.metanav-menu .nav-item--rsrcDoc a li .link-rsrc {
    color: #b3d6fd;
}

.metanav-menu .nav-item--rsrcDoc a:hover li .link-rsrc {
    text-decoration: underline;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc {
    flex-direction: column;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc>a {
    padding-bottom: .5rem;
    cursor: default;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul {
    padding: 0 3rem;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li {
    list-style-type: disc;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a {
    padding: .5rem 0;
    display: block;
    opacity: .6;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:hover,
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:focus,
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:focus-within,
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:active {
    color: #FFF!important;
    text-decoration: underline!important;
}


/* metanav absolute // topbar fixed */

#page .nav_cnx {
    /* position: absolute; */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}


/* #page .topBarContainer {
    position: absolute;
    top: 35px;
}
#page .topBarContainer.fix {
    position: fixed;
    top: 0;
} */


/* #page .topBarContainer {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
 */


/* ecran noir transparent pour fermer la metanav au clic en dehors */

.layer-close-metanav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 999999;
}


/*! zone hors header. au clic elle referme le header */

#page .layer-close--metanav {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    height: 100vh;
    z-index: 999999;
}

#page .layer-close--metanav.in {
    visibility: visible;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, .0);
    height: 100vh;
}


/*! fin : zone hors header. au clic elle referme le header */


/* Modifs logo éduthèque LES ARCHIVES DE L'OPTION FACULTATIVE */


/* ------------------------------------------------------------------------------ */

div#frame-4025 div#carousel-ID0EABBAA p a {
    display: inline-block;
    width: 86px;
    line-height: 0px;
    margin-bottom: -16px;
    height: auto;
    margin-top: 4px;
    vertical-align: top;
    margin-right: 5px;
    margin-left: 4px;
}

div#frame-4025 div#carousel-ID0EABBAA p a:hover {
    text-decoration: none;
}


/* FIN Modifs logo éduthèque LES ARCHIVES DE L'OPTION FACULTATIVE */


/* ------------------------------------------------------------------------------ */


/* PAGES DECOUVERTE - CECILE D. - AVRIL 2019 */


/*
.pagesDecouverte.page-pad.page-genre-modele #portal #zone-2 {
    background-color: white !important;
}

.pagesDecouverte .select-thema-section.select-thema-section-intro.center {
    padding-top: 50px !important;
}
*/

.page-instruments-PAD.pagesDecouverte .hero h1,
.page-instruments-PAD.pagesDecouverte .encart.intro.center p.col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2 {
    text-align: center;
}

#portal .frame.frame-ermes-carousel.pagesDecouverteMosaique {
    margin: 0 auto !important;
    background-color: white !important;
}

body.page-2021 #portal .frame.frame-ermes-carousel.pagesDecouverteMosaique {
    background-color: transparent !important;
}


/* body:not(.edutheque.page-2021) #portal .frame.frame-ermes-carousel.pagesDecouverteMosaique { */

body:not(.page-2021) #portal .frame.frame-ermes-carousel.pagesDecouverteMosaique {
    max-width: 960px !important;
}

#portal .frame-ermes-carousel.pagesDecouverteMosaique>.panel-front {
    padding: 0;
}


/* Encart rebonds bas de pages */

.pagesDecouverte .rebondsPagesDecouverte {
    padding: 0 0 50px 0;
    text-align: center;
}

.pagesDecouverte .rebondsPagesDecouverte a {
    margin: 10px;
}


/* Filtres ordre alphabétique */

.pagesDecouverte .nav--filtres {
    margin: 0 10px 0 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    background-color: #f3f2ee;
}

.pagesDecouverte .nav--filtres ul.ordreAlpha {
    /* display: flex;  */
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    line-height: 25px;
}

.pagesDecouverte .nav--filtres .ordreAlpha li {
    color: grey;
    text-decoration: none;
    /* text-transform: uppercase;  */
    padding: 3px 10px;
    height: auto!important;
    width: 100% !important;
    border-top: #d9d9d9 solid 0.5px;
}

.pagesDecouverte .nav--filtres .ordreAlpha li.selected {
    color: black;
    border: #FFD16F solid 2px !important;
}

.pagesDecouverte .nav--filtres .ordreAlpha li:hover {
    color: black;
    cursor: pointer;
}

.pagesDecouverte .nav--filtres .ordreAlpha li:focus,
.pagesDecouverte .nav--filtres .ordreAlpha li:active {
    color: black;
    border: #FFD16F solid 2px !important;
}

.pagesDecouverte .nav--filtres #barreFiltres {
    position: absolute;
    left: 540px;
    ;
}

.pagesDecouverte .nav--filtres li:focus,
.nav--filtres input:focus,
.nav--filtres label:focus {
    border: dotted 1px #1D89DB !important;
}


/* Filtre déroulant */

.pagesDecouverte .filtrerPar {
    position: relative;
}

.pagesDecouverte .filtrerPar label {
    color: grey;
    border: 1px solid #fff;
    display: block;
    position: relative;
    padding: 5px 35px 5px 25px;
    transition: all 0.3s ease-out;
    cursor: pointer;
    font-weight: normal;
    margin: 0 !important;
}


/* triangle menu déroulant */

.pagesDecouverte .filtrerPar label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 187px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, 0.6);
    border-right: 6px solid transparent;
    margin-left: -3px;
    margin-top: -3px;
}

.pagesDecouverte .filtrerPar label:hover {
    color: black;
}

.pagesDecouverte .filtrerPar input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.pagesDecouverte .filtrerPar ul {
    position: absolute;
    list-style-type: none;
    padding: 5px 0;
    border: 2px solid #FFD16F;
    display: none;
    background: rgba(255, 255, 255, 0.9);
    left: 10px;
}

.pagesDecouverte .filtrerPar li {
    text-decoration: none;
    color: grey !important;
    display: block;
    padding: 5px 15px;
    text-transform: uppercase;
}

.pagesDecouverte .filtrerPar li:hover {
    color: black !important;
    cursor: pointer;
}

.pagesDecouverte .filtrerPar li.selected {
    color: black !important;
}

.pagesDecouverte .filtrerPar input[type="checkbox"]:checked~ul {
    display: block;
    z-index: 1;
    width: 100%;
}

.pagesDecouverte .filtrerPar input[type="checkbox"]:checked~label {}


/* Filtres Mobile */

@media only screen and (max-width: 921px) {
    .pagesDecouverte .nav--filtres {
        flex-direction: column;
        align-items: normal;
    }
    .pagesDecouverte .nav--filtres #barreFiltres {
        display: none;
    }
    .pagesDecouverte .nav--filtres .filtrerPar label {
        padding-left: 5px;
    }
    .pagesDecouverte .nav--filtres .filterPar ul {
        left: 0px;
    }
}


/* Mosaïque */

.pagesDecouverte .mosaique {
    margin: 30px 10px 0 10px;
}

.pagesDecouverte .mosaique ul {
    padding: 0 0 80px 0 !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
}

.pagesDecouverte .mosaique li {
    display: flex;
    margin: 5px;
    /* width: 220px; */
    flex: 1 20%;
    /* flex: 1 auto; */
}

.pagesDecouverte .mosaique img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.pagesDecouverte .mosaique .double {
    flex: 1 40%;
}

.pagesDecouverte .mosaique .prochainementDispo {
    display: none;
}

.pagesDecouverte .mosaique .positionTop img {
    object-position: top;
}

.pagesDecouverte .mosaique .positionBottom img {
    object-position: bottom;
}

@media only screen and (max-width: 767px) {
    .pagesDecouverte .mosaique li {
        flex: 1 30%;
    }
    .pagesDecouverte .mosaique .double {
        flex: 1 60%;
    }
}

@media only screen and (max-width: 421px) {
    .pagesDecouverte .mosaique li {
        flex: 1 50%;
    }
    .pagesDecouverte .mosaique .double {
        flex: 1 50%;
    }
}


/* Survol Vignettes */

.pagesDecouverte .mosaique li {
    position: relative;
    overflow: hidden;
    transition: all .25s;
}

.pagesDecouverte .mosaique a {
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    height: 40px;
    transition: all .25s;
}

.pagesDecouverte .mosaique a {
    background-color: rgba(255, 255, 255, 0.75);
    height: 48px;
    transition: all .25s;
}

.pagesDecouverte .mosaique p {
    position: absolute;
    color: white;
    top: 30px;
    transition: all .25s;
    left: 10px;
    margin-right: 10px;
}

.pagesDecouverte .mosaique p {
    color: #666;
    transition: all .25s;
}

.pagesDecouverte .mosaique h3 {
    position: absolute;
    color: white;
    top: 7px;
    transition: all .25s;
    left: 10px;
    margin-top: 0;
	font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 1.125rem;
    font-weight: 100;
    text-align: left;
    line-height: 27px;
}

.pagesDecouverte .mosaique h3 {
    font-size: .875rem;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
}

.pagesDecouverte .mosaique h4 {
    color: white;
    transition: all .25s;
    margin-right: 10px;
    font-family: 'SourceSansPro-Light', 'Source Sans Pro', SourceSansPro-Light, sans-serif;
    font-weight: 600;
    font-size: 13px;
    /* text-transform: uppercase; */
    padding-left: 10px;
    padding-top: 13px;
}

.pagesDecouverte .mosaique ul li a h4 {
    color: #000;
}

.pagesDecouverte .mosaique p.detail {
    color: rgba(255, 255, 255, 0) !important;
    padding-top: 40px;
    transition: all .25s;
    line-height: 20px;
}

.pagesDecouverte .mosaique li:hover p.detail {
    color: rgba(255, 255, 255, 1) !important;
    transition: all .25s;
}

.pagesDecouverte .mosaique p.detail {
    color: rgba(0, 0, 0, 0) !important;
    padding-top: 2rem;
    font-size: .875rem!important;
    line-height: 20px;
}

.pagesDecouverte .mosaique li:hover p.detail {
    color: rgba(0, 0, 0, 1) !important;
}

.pagesDecouverte .mosaique li:hover a {
    background-color: rgba(255, 255, 255, 0.94) !important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    height: 100%;
    transition: all .25s;
}

.pagesDecouverte .mosaique li:hover a {
    background-color: rgba(255, 255, 255, 0.82);
}

@media (min-width:768px) {
    .pagesDecouverte .mosaique a {
        /* height: 2.5rem; */
    }
    .pagesDecouverte .mosaique h3 {
        font-size: 1rem;
    }
}


/* MODIF FILTRES MAJED */

.filtre-choisi {
    display: none;
    border: #ffd076 solid 2px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 6px;
}

.text-filtrer-par {
    display: inline;
}

.label-filtrer-par {
    margin-bottom: 0px;
}

.menu-deroulant-filtres {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu {
    left: -0.5px;
}

.pagesDecouverte .nav--filtres {
    padding-top: 14px;
    padding-bottom: 14px;
}

div.filres-left {
    display: inline-flex;
}

div.filres-right {
    display: inline-flex;
}

.label-filtrer-par {
    padding-top: 7px;
    padding-bottom: 5px;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    /* font-weight: 600; */
    margin-right: 12px;
}

.filtrerPar {
    color: #808080 !important;
}

.filres-right div.dropdown.item-a {
    border: #d9d9d9 solid 0.5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    background-color: #fff;
}

.filres-right div.dropdown.item-b {
    border: #d9d9d9 solid 0.5px;
    padding-left: 10px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 0px;
    background-color: #fff;
}

.ou {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 10px;
    font-weight: 600;
    margin-bottom: 0px;
}

div.menu-deroulant-filtres {
    border: #d9d9d9 solid 0.5px;
    border-top: none;
    width: 170px;
}

@-moz-document url-prefix() {
    div.menu-deroulant-filtres {
        left: -1px;
    }
}

.dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

span.caret {
    opacity: 0.5;
}

span.caret-droit {
    margin-left: 56px;
}

div.largeur-drop-filtres {
    width: 170px;
}

@media (max-width: 991.98px) {
    .ou {
        display: none;
    }
    div.filres-right {
        margin: 0 auto;
    }
    .filres-right div.dropdown {
        border: #d9d9d9 solid 0.5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #fff;
    }
    div.dropdown.largeur-drop-filtres {
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 18px;
    }
    div.filres-left {
        margin-top: 18px;
        display: inline-flex;
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    .test-portraits ou {
        display: none;
    }
    .test-portraits section.nav--filtres>div,
    .test-portraits section.nav--filtres p,
    .test-portraits section.nav--filtres a,
    .test-portraits section.nav--filtres li {
        font-size: 12px;
    }
    div.largeur-drop-filtres {
        width: 157px;
    }
    span.caret-droit {
        margin-left: 55px;
    }
    div.menu-deroulant-filtres {
        width: 157px;
    }
    /* } */
    .dropdown-menu {
        min-width: 120px;
    }
    .pagesDecouverte .nav--filtres ul.ordreAlpha {
        line-height: 30px;
    }
    div.dropdown.largeur-drop-filtres {
        margin-left: 2px;
        margin-right: 2px;
    }
}


/* Fin modifications filtres Majed */

@media (min-width: 300px) and (max-width: 5500px) {
    div.recherche-fiches-pratique div.col-sm-3.col-md-2.col-lg-2.control-label {
        display: none;
    }
    div.recherche-fiches-pratique button.ermes_clear {
        display: none!important;
    }
    div.recherche-fiches-pratique form.ermes_form.is-in-webframe.form-horizontal.ermes_form_container.ermes_container {
        display: flex!important;
        flex-direction: row!important;
        justify-content: flex-end!important;
        width: 100%!important;
        align-items: center!important;
        text-align: center;
        margin: 1rem auto 0;
    }
    div.recherche-fiches-pratique div.form-group.indexWrapper.form-idx-any {
        width: 163% !important;
    }
    div.recherche-fiches-pratique form.ermes_form.is-in-webframe.form-horizontal.ermes_form_container.ermes_container div.form-group.indexWrapper.form-idx-any div.col-sm-9.col-md-10.col-lg-10 {
        width: 100% !important;
    }
    div.recherche-fiches-pratique div.searchForm-5169 form.ermes_form.is-in-webframe.form-horizontal.ermes_form_container.ermes_container input {
        border-radius: 0px;
        width: 98%;
        border-color: #000;
    }
    div.recherche-fiches-pratique div.form-group.pull-right {
        z-index: 99;
    }
    div.recherche-fiches-pratique div.form-group.pull-right button {
        width: 33px;
        border: none;
        height: 34px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/icon/pictos-nav/loop.svg) no-repeat scroll center center #b3d6fd;
    }
    div.recherche-fiches-pratique div.searchForm-5169 {
        padding-top: 20px;
    }
    div.recherche-fiches-pratique input {
        border-radius: 0;
    }
    div.recherche-fiches-pratique h2#title-5203 {
        margin-bottom: 18px;
    }
    div.recherche-fiches-pratique input::placeholder {
        color: #c3c3c3 !important;
    }
    div.recherche-fiches-pratique input::-webkit-input-placeholder {
        color: #c3c3c3 !important;
    }
    div.recherche-fiches-pratique input::-moz-placeholder {
        color: #000 !important;
    }
    div.recherche-fiches-pratique input:-ms-input-placeholder {
        color: #000 !important;
    }
}


/* bordure gris autour du robond sélection de la médiathèque */

body.edutheque .border-grey-rebond {
    border: 1px solid #c1c1c1 !important;
    padding: 16px !important;
}

body.edutheque .border-grey-rebond img {
    width: auto !important;
}


/* FIN - bordure gris autour du robond sélection de la médiathèque */

/* DEBUT - SL - Corrections passage à Syracuse */
@media (min-width: 768px) {
	.btn-account {
		background-color: #000000;
		padding: 12px 16px 8px;
		font-size: 14px;
	}
}

@media (min-width: 768px) {
	header {
		margin-bottom: 0;
		padding: 0;
	}
}

@media (min-width: 767px) {
	.button-my-account {
		margin-top: 0px;
	}
}

.facet-collapse {
	border:none;
}

.badge {
	background-color:transparent;
}

#facet_container .panel-heading {
    padding: 30px 10px 5px 20px;
}

#facet_container a {
    color: #5F5B5B;
    text-decoration: none;
}
#facet_container a:hover {
    color: #5F5B5B;
    text-decoration: none;
}

#portal {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

@media (min-width: 768px) {
	.layout.row {
		margin-left: -4px;
		margin-right: -4px;
	}
}

.panel-body {
    padding: 10px 0 0 0;
}

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

.pagination button.page_link {
    border-bottom: 5px solid #BEB6B4;
    margin: 0 4px;
    font-size: 16px;
}
.pagination button.btn-link-like {
    float: left;
    padding: 5px 10px;
    color: #BEB6B4;
}
button.btn-link-like {
    border: none;
    background-color: inherit;
    padding: 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
    border: none;
    border-bottom: 5px solid #7ab9ff;
}

element.style {
}
.criteres_tri {
    position: absolute;
    right: 110px;
    top: 0;
    width: 240px;
}
.criteres_tri {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.select-all {
    width: 40px;
    height: 30px;
}

.criteres_tri .check_all {
    float: right;
    height: 100%;
    margin: 0 12px 0 0;
    width: 16px;
}
.criteres_tri .site-restriction {
    margin-top: 0px;
}

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

#resultats > ul > li {
    background-color: #f2f0f1;
    border-bottom: 8px solid #ffffff;
    padding: 0;
}

.img-thumbnail {
	border:none;
}

#resultats .notice_corps {
    padding: 20px;
}

#notice_longue > .panel > .panel-body {
    padding: 15px 42px 15px 35px;
}

.detail-icon-container {
    color: #5f5b5b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: -10px;
    margin-top: 5px;
}

.detail-icon-container a > span, .detail-icon-container button > span {
    color: #5f5b5b;
    font-size: 40px;
}

button.btn-link-like {
    border: none;
    background-color: inherit;
    padding: 0;
}

.detail-icon-container > .position {
    vertical-align: super;
}

#identite_utilisateur {
    color: #F2F0F1;
    font-style: normal;
}

#admin-actions, #mobile-actions {
    background-color: #2C2C2C;
    padding: 0;
    width: 100%;
    box-shadow: 0 4px 12px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0 4px 12px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.5);
    z-index: 9998;
}

#admin-actions a {
    color: #F2F0F1;
}

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

h1 {
    color: inherit;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
}

.search-form .search-form-buttons:first-child {
	display:none;
}

#detail-holdings .anonymous-info {
	display:none;
}

.panel-loading h2 {
	text-align:center !important;
}

div#detail-holdings-abstract {
    display: none;
}

#document_actions h2.category_header {
    display: none;
}

.primary-doc-table dl {
    display: none;
}

.global_content {
    margin: 45px 0;
}

.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-related-btn {
    display: none;
}

#detail-notice-selections img.ermes-thumb-size-MEDIUM, #tab_suggestion img.ermes-thumb-size-MEDIUM, .rs-slide3Items img.ermes-thumb-size-MEDIUM {
    min-width: 110px !important;
}
/* FIN - SL - Corrections passage à Syracuse */