/*! ******************************************************************** */
    /* body{
    height: 100%;
}
 */
    /*! PARTIE MODIFIEE PAR POLE RESSOURCES DE LA PHILHARMONIE :             */
    /*! ******************************************************************** */
    /*!
couleurs :
main :  #ffd076
main foncé :  #ffbd70
valid : #78d69a
gris clair bg : f5f5f5;
texte : #000;
bleu pp : #b3d6fd;
vert pp : #7bd69d;
rose pp : #ffafdf;
*/
    /*! correction bug play/pause dans chrome guillaume */
    /* .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-playback{
    pointer-events:none!important;
}
.jw-display-icon-container {
    pointer-events: all !important;
  } */
    /*! ******************* */
    /*! SOMMAIRE : */
    /*! ******************* */
    /*!
--------------------------
    0/ General
            0/a. polices, print, liens, boutons
            0/b. Général Blocs
--------------------------
    NAVIGATION :
    1/ Top Bar
    2/ HEADER
            2/a- menu
            2/b- searchbar
--------------------------
    3/ Home Page
            3/a Carousel Home Page
            3/b Menu par Genre Musical
            3/c Menu par Type de document
--------------------------
    PAGES :
    4/ Général
            4/a Pages - General
            4/b Affichage des encarts
            4/c Iframes
    4bis/ Recherche par numéro
    5/ Configuration
    6/ Decouvrir
    7/ Trouver
    8/ Devenir
    9/ Authentification et recherche fédérée
    10/ FAQ
    11/ Mode d'emploi
    12/ CGU
    13/ Devis
    14/ Acces test
    15/ Conférences en ligne
    15bis/ Instruments du musée
    16/ Pages Genre
    17/ Sélections Thématiques
    17bis/ Sélections Thématiques ARCHIVES
    17ter/ Dossier pedagos ("body.oe-modele")
--------------------------
    RESULTATS RECHERCHE :
    18/ Résultats de recherche
            18/a Résultats : Sidebar facets
            18/b Résultats : liste des résultats, notices courtes
    19/ Notices longues
    20/ Notices longues façon digital.pp.fr
    21/ Notice longue Oeuvres musicale
    22/ Bouton Panier
    23/ Page Panier
--------------------------
    999/ FOOTER

*/
    /*! **************************************************************************** */
    /*! **************************************************************************** */
    /*! 0/ GENERAL :                                                                 */
    /*! **************************************************************************** */
    /*! **************************************************************************** */
    /*! ************************************** */
    /*!  0/a. POLICES, PRINT, LIENS, BOUTONS   */
    /*! ************************************** */

    @font-face {
        font-family: SourceSansPro;
        src: url(polices/SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'), url(polices/SourceSansPro-Regular.woff) format('woff'), url(polices/SourceSansPro-Regular.ttf) format('truetype'), url(polices/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
        font-weight: normal;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(polices/SourceSansPro-Semibold.eot?#iefix) format('embedded-opentype'), url(polices/SourceSansPro-Semibold.woff) format('woff'), url(polices/SourceSansPro-Semibold.ttf) format('truetype'), url(polices/SourceSansPro-Semibold.svg#SourceSansPro-Semibold) format('svg');
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(polices/SourceSansPro-Bold.eot?#iefix) format('embedded-opentype'), url(polices/SourceSansPro-Bold.woff) format('woff'), url(polices/SourceSansPro-Bold.ttf) format('truetype'), url(polices/SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(polices/SourceSansPro-It.eot?#iefix) format('embedded-opentype'), url(polices/SourceSansPro-It.woff) format('woff'), url(polices/SourceSansPro-It.ttf) format('truetype'), url(polices/SourceSansPro-It.svg#SourceSansPro-It) format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(polices/SourceSansPro-SemiboldIt.eot?#iefix) format('embedded-opentype'), url(polices/SourceSansPro-SemiboldIt.woff) format('woff'), url(polices/SourceSansPro-SemiboldIt.ttf) format('truetype'), url(polices/SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt) format('svg');
        font-weight: 600;
        font-style: italic;
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(polices/SourceSansPro-BoldIt.eot?#iefix) format('embedded-opentype'), url(polices/SourceSansPro-BoldIt.woff) format('woff'), url(polices/SourceSansPro-BoldIt.ttf) format('truetype'), url(polices/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt) format('svg');
        font-weight: 700;
        font-style: italic;
    }

    @font-face {
        font-family: LinotypeBrewery;
        src: url(polices/LinotypeBrewery-Regular.eot?#iefix) format('embedded-opentype'), url(polices/LinotypeBrewery-Regular.otf) format('opentype'), url(polices/LinotypeBrewery-Regular.woff) format('woff'), url(polices/LinotypeBrewery-Regular.ttf) format('truetype'), url(polices/LinotypeBrewery-Regular.svg#LinotypeBrewery-Regular) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: LinotypeBrewery;
        src: url(polices/LinotypeBrewery-Medium.eot?#iefix) format('embedded-opentype'), url(polices/LinotypeBrewery-Medium.otf) format('opentype'), url(polices/LinotypeBrewery-Medium.woff) format('woff'), url(polices/LinotypeBrewery-Medium.ttf) format('truetype'), url(polices/LinotypeBrewery-Medium.svg#LinotypeBrewery-Medium) format('svg');
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: LinotypeBrewery;
        src: url(polices/LinotypeBrewery-Bold.eot?#iefix) format('embedded-opentype'), url(polices/LinotypeBrewery-Bold.otf) format('opentype'), url(polices/LinotypeBrewery-Bold.woff) format('woff'), url(polices/LinotypeBrewery-Bold.ttf) format('truetype'), url(polices/LinotypeBrewery-Bold.svg#LinotypeBrewery-Bold) format('svg');
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(font/font/SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'), url(font/font/SourceSansPro-Regular.woff) format('woff'), url(font/font/SourceSansPro-Regular.ttf) format('truetype'), url(font/font/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(font/SourceSansPro-Semibold.eot?#iefix) format('embedded-opentype'), url(font/SourceSansPro-Semibold.woff) format('woff'), url(font/SourceSansPro-Semibold.ttf) format('truetype'), url(font/SourceSansPro-Semibold.svg#SourceSansPro-Semibold) format('svg');
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(font/SourceSansPro-Bold.eot?#iefix) format('embedded-opentype'), url(font/SourceSansPro-Bold.woff) format('woff'), url(font/SourceSansPro-Bold.ttf) format('truetype'), url(font/SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(font/SourceSansPro-It.eot?#iefix) format('embedded-opentype'), url(font/SourceSansPro-It.woff) format('woff'), url(font/SourceSansPro-It.ttf) format('truetype'), url(font/SourceSansPro-It.svg#SourceSansPro-It) format('svg');
        font-weight: 400;
        font-style: italic;
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(font/SourceSansPro-SemiboldIt.eot?#iefix) format('embedded-opentype'), url(font/SourceSansPro-SemiboldIt.woff) format('woff'), url(font/SourceSansPro-SemiboldIt.ttf) format('truetype'), url(font/SourceSansPro-SemiboldIt.svg#SourceSansPro-SemiboldIt) format('svg');
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: SourceSansPro;
        src: url(font/SourceSansPro-BoldIt.eot?#iefix) format('embedded-opentype'), url(font/SourceSansPro-BoldIt.woff) format('woff'), url(font/SourceSansPro-BoldIt.ttf) format('truetype'), url(font/SourceSansPro-BoldIt.svg#SourceSansPro-BoldIt) format('svg');
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: LinotypeBrewery;
        src: url(font/LinotypeBrewery-Regular.eot?#iefix) format('embedded-opentype'), url(font/LinotypeBrewery-Regular.otf) format('opentype'), url(font/LinotypeBrewery-Regular.woff) format('woff'), url(font/LinotypeBrewery-Regular.ttf) format('truetype'), url(font/LinotypeBrewery-Regular.svg#LinotypeBrewery-Regular) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: 'LinotypeBrewery', sans-serif;
        src: url(font/LinotypeBrewery-Medium.eot?#iefix) format('embedded-opentype'), url(font/LinotypeBrewery-Medium.otf) format('opentype'), url(font/LinotypeBrewery-Medium.woff) format('woff'), url(font/LinotypeBrewery-Medium.ttf) format('truetype'), url(font/LinotypeBrewery-Medium.svg#LinotypeBrewery-Medium) format('svg');
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: LinotypeBrewery;
        src: url(font/LinotypeBrewery-Bold.eot?#iefix) format('embedded-opentype'), url(font/LinotypeBrewery-Bold.otf) format('opentype'), url(font/LinotypeBrewery-Bold.woff) format('woff'), url(font/LinotypeBrewery-Bold.ttf) format('truetype'), url(font/LinotypeBrewery-Bold.svg#LinotypeBrewery-Bold) format('svg');
        font-weight: 700;
        font-style: normal
    }
    /* CL FONT FACE, VARIABLES REFONTE 2021 */

     :root {
        --pad-primary-color: #FDCF77;
        --pad-secondary-color: #FFBD70;
        --pad-light-color: #FDF5E4;
        --pro-primary-color: #267074;
        --pro-secondary-color: #1B464A;
        --philharmonie-primary-color: #001B3B;
        --background-color: #e6e6e6;
        --encart-color: #fff;
        --medium-grey: #ccc;
        --light-grey: #f5f5f5;
        --light-grey-50: #fafafa;
        --pad-gradient: linear-gradient(to bottom, rgba(0, 27, 59, .2) 0%, rgba(0, 27, 59, 0.5) 40%, rgba(0, 27, 59, 0.8) 99%);
        --pro-gradient: linear-gradient(180deg, rgba(36, 112, 116, 0.2) 0%, rgba(36, 112, 116, 0.6) 50%, rgba(36, 112, 116, 0.9) 100%);
        --exergue-pad: #cd2453;
        --pad-primary-fade: rgba(253, 207, 119, 0.3);
        --pro-primary-fade: rgba(38, 112, 116, 0.15);
        --philharmonie-font-regular: 'Philharmonique Regular', sans-serif;
        --philharmonie-font-bold: 'Philharmonique SemiBold', sans-serif;
        --paragraph-font: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
    }
    /* END FONT FACE, VARIABLES REFONTE 2021 */

    @media print {
        body {
            width: 100%;
            margin: 0;
            float: none
        }
        #aside,
        #contexte,
        #exportsList,
        #mobile-actions,
        #nav_connexe,
        #pdpmenu,
        .actions,
        .chronologie,
        .criteres_tri,
        .detail-icon-container,
        .facetList,
        .fichier-audio-video,
        .l-footer,
        .navbar,
        .navigation,
        .obtain-document-link,
        .offre-media-topo,
        .pagination-container,
        .search-icon-container,
        .see_all_results,
        .select,
        .thumbnail-wrapper,
        form,
        header,
        mobile-navigation {
            display: none!important;
            clear: both
        }
        #resultats {
            margin: 0
        }
        #resultats_detail {
            margin: 0;
            width: 100%
        }
        .vignette_container {
            clear: both
        }
        .media,
        .media-body {
            overflow: initial
        }
        .more-actions {
            position: relative;
            margin-top: 10px;
            top: 0;
            right: 0
        }
        .permalink {
            font-size: .8em
        }
        .oe-accroche img {
            max-width: 50%!important
        }
        .dfn {
            text-decoration: underline
        }
        a.definition {
            position: relative!important;
            display: inline!important;
            padding: 0!important;
            left: 0!important;
            border: none!important;
            float: none!important;
            font-size: inherit!important
        }
        a.definition::before {
            content: '\00a0['
        }
        a.definition::after {
            content: ']'
        }
        .frame,
        .panel-model {
            page-break-inside: avoid
        }
        h2 {
            page-break-after: avoid
        }
        .collapse {
            display: block
        }
        .model-html,
        .panel-body,
        .panel-collapse,
        .panel-heading,
        .panel-model,
        div.modele_6 {
            border: 0
        }
        .fleche-menu-droite {
            display: none
        }
    }

    body,
    html {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 400;
        font-size: 100%;
        font-size: 16px;
        color: #333
    }
    /*.connecte-only,*/
    /*
.anonymous-only {
    display:none!important;
}
*/

    body.connecte .anonymous-only {
        display: none!important;
    }

    body.anonyme .connecte-only {
        display: none!important;
    }
    /* masquer/afficher encarts selon instances GG 16/06/2022 */

    .hidden-pad {
        display: none;
    }

    .visible-pad {
        display: block;
    }
    /* fin masquer/afficher encarts selon instances GG 16/06/2022 */
    /* bouton pour éditer les labels Ermes en mode admin */

    .res-edit {
        z-index: 9999999999;
    }
    /*! surtitre page */

    .presentation-oe,
    p.presentation-expo {
        font-weight: bold;
        font-size: 14px !important;
        text-transform: none !important;
        font-family: 'Source Sans Pro', SourceSansPro !important;
        margin-bottom: 1rem;
    }

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

    .presentation-oe::after,
    p.presentation-expo::after {
        content: '';
        height: 1px;
        width: 40px;
        display: block;
        margin: 0px auto;
        margin-top: 0px;
        margin-top: 0px;
        background-color: #000;
        margin-top: 10px;
    }
    /*! fin surtitre page */
    /*! titre page */

    #portal h1,
    #portal h1 span,
    #portal-body h1,
    #portal-body h1 span,
    #portal-frame-window-body h1,
    #portal-frame-window-body h1 span,
    #template-frame-layout-tabs h1,
    #template-frame-layout-tabs h1 span,
    #template-frame-layout-tabs-body h1,
    #template-frame-layout-tabs-body h1 span,
    #tinymce h1,
    #tinymce h1 span,
    h1,
    h1 span {
        display: block;
        width: 100%;
        /*    text-indent: 1rem;*/
        text-indent: 0;
        line-height: 1.1;
        /* font-size: 2.325rem!important; */
        font-size: 3.5rem;
        color: #000;
        font-family: 'Philharmonique Regular', sans-serif;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase
    }
    /* .home #portal h1,
.home #portal h1 span,
.page-PAD #portal h1,
.page-PAD #portal h1 span {
    font-size: 2.5rem !important;
    font-weight: 700;
} */

    @media (max-width:767px) {
        .home #portal h1,
        .home #portal h1 span,
        .page-PAD #portal h1,
        .page-PAD #portal h1 span,
        #portal .bloc--titre h1 {
            font-size: 2.5rem!important;
        }
    }

    .page-ficheThematique #portal h1,
    .facteur-modele #portal h1,
    .page-ficheThematique #portal h1 span,
    .facteur-modele #portal h1 span {
        text-align: center;
        margin: 2rem auto;
    }
    /*! fin titre page */

    #portal .sousTitre {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif !important;
        text-transform: uppercase;
        font-size: 1.625rem;
        text-transform: none;
        text-align: center;
        display: block;
        width: 100%;
        background: none;
        margin: 1rem 0;
    }

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

    h2,
    h2 span,
    h2.category_header,
    h2.tl-headline.tl-headline-title,
    h2>span {
        display: block;
        position: relative;
        width: 100%;
        color: #000;
        font-family: 'Philharmonique Regular', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 1.625rem;
        text-align: center;
        background-image: none;
        margin: 1.625rem 0;
    }

    body.contenu h2,
    body.content-oe-modele h2,
    body.dossier-oe-modele h2,
    body.contenu h2 span,
    body.content-oe-modele h2 span,
    body.dossier-oe-modele h2 span,
    body.contenu h2>span,
    body.content-oe-modele h2>span,
    body.dossier-oe-modele h2>span,
    body.contenu h2.tl-headline.tl-headline-title,
    body.dossier-oe-modele h2.tl-headline.tl-headline-title,
    body.dossier-oe-modele h2.tl-headline.tl-headline-title {
        text-align: left;
    }

    h2 span {
        background-color: transparent;
        font-size: 1.625rem
    }

    .communication #portal h2:before {
        content: url(../CIMU/images/pp-trait-separateur-noir.png);
        display: block;
        line-height: 0;
        height: 1px;
        position: absolute;
        top: -2.5rem;
        left: calc(50% - 15px)
    }

    h3,
    h3 span
    /*!,
h3 a*/

    {
        font-family: var(--philharmonie-font-bold);
        font-weight: 600;
        text-transform: uppercase !important;
        font-size: 1rem;
        line-height: 1.4;
        color: #000;
        margin-top: 2.45rem;
        margin-bottom: 1.225rem;
        letter-spacing: 1px;
    }

    [id^="accordion-"] h3,
    [id^="accordion-"] h3 a,
    [id^="accordion-"] h3 span {
        margin-top: 0;
        margin-bottom: 0;
    }

    [id^="accordion-"] h3 a {
        width: 100%;
    }

    h4,
    h4 span {
        margin-top: 1.225rem;
        margin-bottom: .5rem;
        font-size: 1.125rem;
        color: #000;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        font-weight: normal;
    }

    h5,
    h5 span {
        color: #000;
        font-size: .825rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        margin: 1rem 0 .5rem;
    }
    /* *********** BLOC TITRE HOMEPAGE *************** */

    #portal .bloc--titre {
        margin-top: 2rem!important;
        margin-bottom: 2.5rem !important;
    }

    @media (max-width:767px) {
        #portal .bloc--titre {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important;
        }
        /*     #portal .bloc--titre h1 {
        font-size: 2rem!important;
    } */
    }

    #portal .bloc--titre h2 {
        margin-bottom: 0 !important;
    }

    .home #portal h2,
    .home #portal h2 span,
    .home #portal h2.category_header,
    .home #portal h2.tl-headline.tl-headline-title,
    .home #portal h2>span {
        text-align: left;
        padding: 0 .75rem;
        font-size: 1.25rem;
        font-weight: 700;
    }

    .home #portal h2 {
        margin-bottom: 1.5rem!important;
    }

    li,
    p,
    span,
    blockquote {
        color: #333;
    }

    .content-modele #portal .rsItem li,
    .content-modele p,
    .content-oe-modele .only-content p,
    .content-oe-modele .content-img-dr p,
    .content-oe-modele .content-img-gch p,
    .content-oe-modele .only-content li,
    .content-oe-modele .content-img-dr li,
    .content-oe-modele .content-img-gch li,
    .content-oe-modele .rubrique-oe li,
    .content-oe-modele .rubrique-oe p,
    .content-oe-modele .oe-accroche p,
    a,
    li,
    p,
    span,
    td,
    tr {
        margin-top: 0;
        font-size: 1rem;
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
    }

    blockquote {
        font-style: normal;
    }

    blockquote p {
        font-style: italic;
    }

    blockquote + figcaption {
        text-align: right;
        font-style: normal;
        color: #333;
        margin-top: -10px;
    }
    
    blockquote + figcaption cite,
    blockquote + figcaption em,
    blockquote + figcaption i {
        font-style: italic
    }

    blockquote footer {
        color: #777;
        font-size: .75rem;
        font-style: oblique;
    }

    .slogan,
    #portal h1 span.slogan {
        text-align: center!important;
        background: 0 0;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: normal!important;
        font-size: 1rem!important;
        text-transform: none;
    }

    #portal h1 span.slogan {
        line-height: 3;
    }

    .chevron {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .gras {
        font-weight: 600;
        font-family: 'Source Sans Pro', SourceSansPro-Semibold, sans-serif
    }

    .vert {
        color: #78d69a
    }

    .warning {
        color: #ffd076!important;
        text-transform: uppercase;
        font-family: 'Source Sans Pro', SourceSansPro-Semibold, sans-serif;
        font-weight: 600
    }

    .subline {
        font-size: .875rem
    }

    .ciment {
        flex: 1;
    }

    .detail,
    .detail a,
    .detail span {
        font-size: 14px!important;
        color: #777!important;
        font-weight: 400!important;
        font-family: inherit;
        margin-top: 6px;
    }

    .detail a,
    .detail a:hover {
        /*    display: inline;*/
        text-decoration: underline!important;
    }

    .info-bloc {
        background: #f5f5f5;
        padding: 1rem 2rem
    }

    .center {
        text-align: center
    }

    .line {
        font-size: .825rem;
    }

    .line::after {
        line-height: .5;
    }

    .cta .cta {
        padding: 2rem;
    }

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

    .cta h2 span {
        margin-bottom: 2rem
    }

    .cta .btn {
        margin: auto;
    }

    .clearfix,
    .clr,
    .row::after,
    .row::before {
        clear: both
    }

    .ancreVirtuelle {
        height: 1px;
        margin: 0;
        padding: 0;
    }

    main div:not(.menu-type) a:not(.btn),
    main div:not(.menu-type) a:not(.btn):hover {
        color: #1675e1
    }

    button,
    input[type=button],
    input[type=file]::-webkit-file-upload-button,
    input[type=reset],
    input[type=submit] {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: inherit;
        cursor: pointer;
        color: inherit;
        background-color: transparent;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        border-width: 0;
        border-style: none;
        border-color: transparent;
        -webkit-border-image: initial;
        border-image: initial
    }

    a {
        display: block;
        display: inline;
    }

    a#ancreContenu {
        display: inline
    }

    .btn,
    .btn:focus,
    .rsArrow:focus,
    .rsFullscreenBtn:focus,
    a,
    button,
    button:focus {
        border: 0!important;
        /*    outline: 0*/
    }

    .btn {
        border-radius: 25px;
    }

    .x-webkit *:focus,
    *:focus,
    .btn:focus,
    .rsArrow:focus,
    .rsFullscreenBtn:focus,
    button:focus {
        border: 0!important;
        outline: 2px solid #b3d6fd!important;
        box-shadow: inset 0px 0px 0px 3px #b3d6fd;
    }

    .rsArrow:focus {
        border: 0!important;
        outline: 0!important;
    }

    .x-webkit:focus,
     :focus {
        /*    outline: 0;*/
    }

    a:focus {
        /*    outline-offset: 0;*/
    }

    a,
    a:hover {
        text-decoration: none!important;
    }

    a.lien-detail,
    a.lien-detail span {
        text-decoration: underline!important;
    }

    a:hover {
        color: #1675e1
    }

    a.btn-default.btn,
    .btn-default.btn,
    input[type=submit].btn-default.btn {
        font-size: .875rem;
        background-color: #ffd076 !important;
        border-color: #ffd076;
        color: #000 !important;
        padding: .5rem 1.25rem;
        /*    text-transform: uppercase;*/
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro-Semibold, sans-serif;
        font-weight: 600;
    }

    input.btn-default.btn.valid,
    a.btn-default.btn.valid {
        background-color: #78d69a!important;
        border-color: #78d69a;
        color: #fff!important
    }

    input.btn-default.btn-light,
    a.btn-default.btn-light {
        background-color: transparent!important;
        border: solid 1px #000000!important;
        color: #000!important
    }

    input.btn-default.btn-light:hover,
    a.btn-default.btn-light:hover {
        /*    border-color: #ffbd70!important;*/
        background-color: #000!important;
        color: #fff!important;
    }

    input[type=reset].btn,
    input.btn-default.btn-neutre,
    a.btn-default.btn-neutre {
        background-color: #f5f5f5!important;
        border-color: #f5f5f5;
        color: #000!important
    }

    input[type=reset].btn {
        padding: .875rem 1.5rem;
    }

    input.btn-default.btn-neutre:hover,
    a.btn-default.btn-neutre:hover {
        background-color: #ddd!important;
        border-color: #ddd;
    }

    input.btn-default.btn-neutre.btn-ext::after,
    a.btn-default.btn-neutre.btn-ext::after {
        content: '';
        background-image: url(images/external_link.png);
        margin-left: 1rem;
        background-size: 1rem 1rem;
        display: inline-block;
        width: 1rem;
        height: 1rem;
    }

    .btn.btn-default.btn-plus,
    .btn.btn-default.btn-plus {
        font-size: 1rem;
        background-color: #fff!important;
        border-color: #fff;
        color: #000!important;
        padding: .875rem 1.5rem;
        border-radius: 25px;
    }

    .btn.btn-default.btn-plus:hover,
    .btn.btn-default.btn-plus:hover {
        background-color: #fff!important;
        opacity: .7
    }

    .hero input.btn-default.btn,
    .hero a.btn-default.btn {
        display: inline-block;
        width: auto;
        margin: 0 auto
    }

    input.btn-default:hover,
    .btn-default:hover,
    .btn-info:hover,
    a#tous:hover,
    a.btn-acheter:hover,
    a.btn-first:hover,
    a.btn-plus-bl:hover,
    a.btn-plus:hover,
    a.btn-plusdbl:hover,
    a.btn.btn-default.btn-xs:hover,
    a.btn:hover,
    a.document-link:hover,
    a.more-info:hover,
    a.musee-btn:hover,
    a.tarzan:hover {
        opacity: 1;
        background: #ffbd70!important;
        background-color: #ffbd70!important
    }

    input.btn-default,
    .btn-default,
    .btn-info,
    a#tous,
    a.btn-acheter,
    a.btn-first,
    a.btn-plus-bl,
    a.btn-plus,
    a.btn-plusdbl,
    a.btn.btn-default.btn-xs,
    a.btn,
    a.document-link,
    a.more-info,
    a.musee-btn,
    a.tarzan {
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

    a.btn-plus-bl:hover,
    a.tarzan:not(.btn-info):hover {
        background: transparent!important;
        background-color: transparent!important
    }
    /*! Boutons (teaser concert participatif) */

    .btn-bgBleu,
    .dossier-oe-modele .oe-accroche .btn-bgBleu,
    .popVideoExtrait.btn-bgBleu,
    .dossier-oe-modele .oe-accroche .popVideoExtrait.btn-bgBleu {
        background-color: #b3d6fd;
        padding: 7px 5px;
        color: #000;
    }

    .btn-bgBleu:hover,
    .dossier-oe-modele .oe-accroche .btn-bgBleu:hover,
    .popVideoExtrait.btn-bgBleu:hover,
    .dossier-oe-modele .oe-accroche .popVideoExtrait.btn-bgBleu:hover {
        text-decoration: none;
        color: #000;
    }

    .popVideoExtrait.btn-bgBleu:before,
    .dossier-oe-modele .oe-accroche .popVideoExtrait.btn-bgBleu:before {
        content: '/ui/skins/MEDIA/images/';
        padding: 0;
    }
    /*! fin Boutons (teaser concert participatif) - texte en noir */

    .btn.ext-link {
        padding: 1rem 2rem;
    }

    .btn.ext-link::before,
    .btn.lien-externe::before,
    .btn.ext-link--catalogue::before,
    .btn.ext-link--collecMusee::before {
        content: url(/ui/skins/MEDIA/images/icon-extlink-14px.png);
        display: inline-block;
        margin-right: 1rem;
    }

    a.ext-link:not(.btn)::before,
    a.ext-link--collecMusee:not(.btn)::before,
    a.ext-link--catalogue:not(.btn)::before {
        content: url(/ui/skins/MEDIA/images/icon-extlink-bleu.png);
        display: inline-block;
        margin-right: 1rem;
    }
    /* a.lien-externe:not(.btn)::before{
    content: url(/ui/skins/MEDIA/images/icon-extlink-bleu.png);
    display: inline-block;
    margin-right: 1rem;
}
 */
    /*
.bold {
    font-weight: 700
}
*/

    strong,
    .bold {
        font-family: 'SourceSansPro', arial, helvetica, sans-serif;
        font-weight: 600;
    }

    .dropdown-menu {
        margin-top: 0;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }

    .row {
        margin-bottom: 2.65rem
    }

    .liseretSouligne:after {
        content: '';
        height: 1px;
        width: 40px;
        display: block;
        margin: 25px auto;
        background-color: #ccc;
    }
    /*! copyright */

    .copyright {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 11px;
        color: #fff;
        opacity: .4
    }

    @media (max-width:767px) {
        body,
        html {
            font-size: 90%
        }
        #portal h1,
        #portal-body h1,
        #portal-frame-window-body h1,
        #template-frame-layout-tabs h1,
        #template-frame-layout-tabs-body h1,
        #tinymce h1,
        h1 {
            font-size: 2.125rem!important
        }
    }

    img.logoEdutheque-insert-texte {
        display: inline;
        width: 80px;
        padding-bottom: 2px;
    }
    /*!  fin : 0/a POLICES *********************** */
    /*! ************************************************ */
    /*! 0/b GENERAL BLOCS :                              */
    /*! ************************************************ */

    .container {
        width: 100%;
    }

    .panel-body::after,
    .panel-body::before {
        display: none;
        content: " ";
    }

    @media (min-width:992px) {
        body:not(.auth) div.row {
            margin-bottom: 0!important
        }
    }
    /*! éléments présents dans les autres sites PP à masquer dans PAD : */

    .hideInPAD,
    .hideInPAD-inline {
        display: none!important
    }
    /*! éléments présents dans PAD et masqués dans les autres sites PP : */

    .hideSaufPAD,
    .hideSaufPAD .container {
        display: block!important
    }

    .hideSaufPAD-inline {
        display: inline-block!important;
    }

    body {
        background: #edeff1!important;
        overflow: unset !important;
        height: 100%;
        overflow-x: hidden;
    }
    /* hack pour régler le problème de scroll sur Internet Explorer */

    body {
        /* For IE css hack */
        height: auto\9/* apply to all ie from 8 and below */
        *height: auto;
        /* apply to ie 7 and below */
        _height: auto;
        /* apply to ie 6 and below */
    }

    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast: active) {
        /* IE10+ CSS styles go here */
        body {
            height: auto;
        }
    }
    /* fin du hack pour régler le problème de scroll sur Internet Explorer */

    #portal {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    #portal>.layout.row {
        margin-bottom: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    /*! padding des encarts sauf page config : */

    body.home div[id^=frame-] {
        float: none;
        clear: both
    }

    body#ext-gen1018 div[id^=frame-20] {
        padding: 0!important
    }

    body:not(.configuration) div[id^=frame-20]:last-of-type {
        padding-bottom: 4rem!important
    }
    /*! fin : padding encarts sauf page config */

    .frame-standard,
    .panel-body,
    .panel-front,
    .panel-layout>.panel-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #portal .panel-body {
        padding-top: 0
    }
    /*! page plein écran */
    /* Migration Syracuse Christophe 02092022 comment below */
    /* body.pleineLargeur div#page>div.container {
        width: 100%;
        max-width: 100%;
        padding: 0
    } */
    /* Christophe 30-11-21 Ajout max width pour les recherches capturées en staticList spe pad*/

    body.pleineLargeur.page-PAD div#page>div.container .rs-staticList {
        max-width: 1100px;
        margin: auto;
    }

    #portal .frame {
        margin: 0!important
    }
    /*! Ermes PANELS */

    .section.center p {
        text-align: center;
    }

    .panel-front,
    .panel-selection {
        border: none;
        padding: 0;
        margin-bottom: 0;
    }

    body:not(.page-2021) .panel-front,
    body:not(.page-2021) .panel-selection {
        margin-bottom: 0!important;
    }

    #page #portal .section-container {
        max-width: 1100px;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    /*! fil d'ariane -- necessaire en html pour faire fonctionner l'outil recherche > on le masque en css */

    #ariane {
        /*    visibility: hidden*/
    }

    .header_bloc.in #ariane {
        /*    width: 0*/
    }

    #pdpmenu {
        display: none!important
    }
    /*! fil d'ariane manuel (simulé)*/

    #portal .fildariane-container {
        padding: 1rem 0;
    }

    #portal .fildariane-container a,
    #portal .fildariane-container p,
    #portal .fildariane-container span {
        font-size: 11px;
        color: #999;
        font-family: 'SourceSansPro', helvetica, arial, sans-serif;
        font-weight: normal;
    }

    #portal .fildariane-container a:last-of-type {
        font-size: 11px;
        color: #444;
    }

    body.debussy #portal .fildariane-container a,
    body.debussy #portal .fildariane-container p,
    body.debussy #portal .fildariane-container span {
        font-size: 14px;
    }

    body.debussy #portal .fildariane-container a:last-of-type {
        font-size: 14px;
    }

    .fildariane-chevron {
        padding: 0 .5rem;
    }
    /*! fin : fil d'ariane manuel (simulé)*/
    /*! bloc credit */

    .section-credit {
        background: #000;
    }

    .section-credit p,
    .section-credit a,
    .section-credit span {
        font-size: .875rem;
        color: #fff;
    }

    .section-credit span.definition {
        font-size: 1rem;
        color: #000;
    }
    /*! BLOC CONSEIL / BLOC WARNING */

    .conseil-bloc {
        position: relative;
        /*
    border: 1px solid #b3d6fd;
    border-top: 5px solid #b3d6fd;
*/
        border: 0;
        background: rgba(179, 214, 253, .2);
        padding: 2rem
    }

    .conseil-bloc::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: url(images/picto_info.gif) no-repeat
    }

    .conseil-bloc.accordeon {
        padding: 0
    }

    .conseil-bloc.accordeon li {
        border: 0;
        padding-bottom: 1rem
    }

    .conseil-bloc.accordeon>li {
        background: rgba(179, 214, 253, .2);
        background: 0 0
    }

    .conseil-bloc.accordeon li::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: url(images/picto_info.gif) no-repeat
    }

    .conseil-bloc.accordeon li h4,
    .conseil-bloc.accordeon li p {
        color: #808285
    }

    .conseil-bloc.accordeon li a.btn {
        font-style: normal
    }

    .conseil-bloc a.btn.btn-default.ext-link {
        background-color: transparent!important;
        border-color: #000 !important;
        border: 1px solid #000!important;
        color: #000 !important;
        font-style: normal;
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .conseil-bloc a.btn.btn-default.ext-link:hover {
        /*     background-color: #000!important;
    border-color: #000 !important;
    border: 1px solid #000!important;
    color: #FFF !important;
     */
        background-color: #b3d6fd!important;
        border-color: #b3d6fd !important;
        border: 1px solid #b3d6fd!important;
        color: #000 !important;
    }

    .conseil-bloc a.btn.btn-default.ext-link:hover:before {
        /* content: url(/ui/skins/MEDIA/images/icon-extlink-blanc.png); */
    }

    .warning-bloc {
        position: relative;
        border: 1px solid #ff6f76;
        border: 1px solid rgba(255, 111, 118, .7);
        border-top: 5px solid rgba(255, 111, 118, .7);
        padding: 2rem;
        background: rgba(255, 111, 118, .1)
    }

    .warning-bloc::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: url(images/picto_warning.gif) no-repeat;
        opacity: .7
    }

    .conseil-bloc ul,
    .warning-bloc ul {
        padding-left: 2rem
    }

    .conseil-bloc ul li,
    .warning-bloc ul li {
        list-style: square
    }

    .conseil-bloc,
    .conseil-bloc p,
    .conseil-bloc ul li,
    .warning-bloc,
    .warning-bloc p,
    .warning-bloc ul li {
        color: #555;
        margin-bottom: .25rem;
        font-style: italic
    }
    /*! fin : BLOCS CONEIL et WARNING */
    /*! BANDEAU COOKIES */

    #cnil_banner {
        position: fixed;
        bottom: 0;
        z-index: 1000;
        background-color: #000;
        background-color: rgba(0, 0, 0, .6);
        color: #fff;
        margin-bottom: 0
    }

    #cnil_banner .cnil_message a {
        text-decoration: underline;
        color: #fff;
        font-weight: 400
    }

    #cnil_banner .cnil_message a:hover {
        text-decoration: underline!important;
        color: #1675e1;
        font-weight: 400
    }

    #cnil_banner .cnil_button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: #000;
        background-color: rgba(0, 0, 0, .6);
        color: #fff;
        padding: 0
    }

    @media (min-width:992px) {
        #cnil_banner,
        #cnil_banner .cnil_button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex
        }
    }

    #cnil_banner .cnil_button .cnil_close.btn {
        color: #fff;
        height: 100%;
        width: 100%;
        padding: 1rem
    }
    /*! fin : cookies */
    /*! fin : 0/b GENERAL blocs *********** */
    /*! fin : 0/ GENERAL  ***************** */
    /*! ************************************************ */
    /*! ************************************************ */
    /*! 1/ TOP BAR :                                     */
    /*! ************************************************ */
    /* La topBar contient le logo, la navigation découverte (non connecté), les déclencheurs pour la "vraie navigation", ainsi que le module de connexion */
    /*! ************************************************ */

    #mobile-actions {
        display: none!important
    }
    /*! conteneur de la top bar (logo + navigation) : */

    .topBarContainer {
        background: #fff;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        top: 0;
        height: auto;
        width: 100%;
        z-index: 999999;
        /*
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
*/
    }
    /*! topbar diminue sa hauteur pendant le scroll : */

    #page>div.container-full.topBarContainer+header[role=banner] {
        top: 100px;
    }

    .connecte #page>div.container-full.topBarContainer.fix+header[role=banner],
    #page>div.container-full.topBarContainer.fix+header[role=banner] {
        top: 72px;
    }

    @media (min-width:768px) {
        .topBarContainer.nav-up,
        div.container-full.topBarContainer.nav-up,
        div.container-full.topBarContainer.nav-up .topBar {
            height: auto
        }
        div.container-full.topBarContainer.nav-up .navbar-toggle.facets-toggle,
        div.container-full.topBarContainer.nav-up .navbar-toggle.menu-mobileMedia-toggle {
            width: 70px;
            height: 70px
        }
        div.container-full.topBarContainer.nav-up .navbar-toggle.facets-toggle span,
        div.container-full.topBarContainer.nav-up .navbar-toggle.menu-mobileMedia-toggle span,
        div.container-full.topBarContainer.nav-up .navbar-toggle.searchbar-toggle span {
            opacity: .7
        }
        div.container-full.topBarContainer.nav-up .topBar .logo {
            height: 70px;
            padding: 0 1.5rem!important
        }
        div.container-full.topBarContainer.nav-up .topBar .logo img {
            height: auto;
            width: 150px!important
        }
        div.container-full.topBarContainer.nav-up .topBar ul.navDecouverte li ul.dropdown-menu {
            top: 70px
        }
        div.container-full.topBarContainer.nav-up .navbar-toggle.searchbar-toggle,
        div.container-full.topBarContainer.nav-up .topBar .compteUser.topBar-item,
        div.container-full.topBarContainer.nav-up .topBar .compteUser.topBar-item .button-my-account {
            width: 70px;
            height: 70px
        }
        div.container-full.topBarContainer.nav-up .topBar .compteUser.topBar-item .button-my-account span {
            height: 70px;
            width: 70px
        }
        div.container-full.topBarContainer.nav-up .topBar .compteUser.topBar-item .button-my-account span span {
            opacity: .7;
            height: 1rem;
            text-align: center;
            width: 100%;
            margin-bottom: 2px
        }
        div.container-full.topBarContainer.nav-up .topBar .conteneur-Bibinfo,
        div.container-full.topBarContainer.nav-up .topBar .conteneur-Bibinfo .logo-bib {
            height: 70px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }
        div.container-full.topBarContainer.nav-up .topBar .conteneur-Bibinfo .nom-bib {
            opacity: .7;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }
    }

    .topBar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 70px;
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        -webkit-justify-content: space-between!important;
        justify-content: space-between!important;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-transition: height .2s ease-in-out;
        transition: height .2s ease-in-out
    }

    .topBar.container {
        padding-left: 0;
        padding-right: 0;
        max-width: 1600px;
        width: calc( 100vw - 5vw);
        margin: 0 auto;
    }

    .container.menu-in {
        max-width: 1600px;
        padding-left: 0;
        padding-right: 0;
    }

    .topBar-item {
        border-right: 1px solid #ccc
    }

    .topBar:last-child {
        border-right: 0
    }
    /*! **** MENU MOBILE et FACETTES MOBILE: toggle **** */
    /*! afficher btn filtres uniquement sur les pages resultat */

    body.notice-PAD .navbar-toggle.facets-toggle,
    body.page-Panier-PAD .navbar-toggle.facets-toggle,
    body.page-Recherche-PAD.notice-PAD .navbar-toggle.facets-toggle,
    body.page-SelectionCourante-PAD .navbar-toggle.facets-toggle,
    body:not(.page-Recherche-PAD) .navbar-toggle.facets-toggle {
        display: none!important
    }

    .navbar-toggle.facets-toggle,
    .navbar-toggle.menu-mobileMedia-toggle {
        position: relative;
        overflow: hidden;
        background: #f3f2ee;
        border: 0;
        color: #000;
        border-radius: 0;
        margin: 0;
        width: 70px;
        height: 70px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .navbar-toggle.facets-toggle:after,
    .navbar-toggle.menu-mobileMedia-toggle:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100000;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background: url(images/menu-trigger.png) no-repeat scroll center center;
        background-size: 25px;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .navbar-toggle.facets-toggle:after {
        background: url(images/filtre.png) no-repeat scroll center center;
        background-size: 20px
    }

    .navbar-toggle.facets-toggle.in:after,
    .navbar-toggle.menu-mobileMedia-toggle.in:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100000;
        border-bottom: 1px solid #ccc;
        background: url(images/cross.png) no-repeat scroll center center;
        background-size: 25px;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out
    }

    .navbar-toggle.facets-toggle span,
    .navbar-toggle.menu-mobileMedia-toggle span,
    .navbar-toggle.searchbar-toggle span {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        text-align: center;
        opacity: .7;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 1.178125rem
    }

    .navbar-toggle.facets-toggle:hover span,
    .navbar-toggle.menu-mobileMedia-toggle:hover span,
    .navbar-toggle.searchbar-toggle:hover span {
        opacity: 1
    }
    /*!  fin : menu mobile ET FACETTE MOBILE : toggle */
    /*! logo */

    .topBar .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: 120px;
        height: 70px;
        padding: 0 1.5rem;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .topBar .logo img {
        width: 100%;
        max-width: 150px;
        display: block;
    }
    /*! navigations top - centrale (nav version decouverte et nav version integrale) */

    .topBar .navIntegrale,
    .topBar ul.navDecouverte {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        -webkit-flex: 3;
        flex: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -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
    }

    .topBar .navIntegrale>li:first-of-type,
    .topBar ul.navDecouverte>li:first-of-type {
        border-left: 1px solid #ccc
    }

    .topBar .navIntegrale>li:last-of-type,
    .topBar ul.navDecouverte>li:last-of-type {
        border-right: 0
    }

    .topBar .navIntegrale>li,
    .topBar ul.navDecouverte>li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        border-right: 1px solid #ccc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 1rem
    }

    .topBar .navIntegrale>li:hover,
    .topBar ul.navDecouverte>li:hover {
        box-shadow: 0 4px 0 0 #ffd076 inset
    }

    .topBar .navIntegrale>li>a,
    .topBar ul.navDecouverte li>a {
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -ms-flex-item-align: stretch;
        -webkit-align-self: stretch;
        align-self: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #000;
        opacity: .7
    }

    .topBar ul.navDecouverte li a:hover,
    .topBar ul.navDecouverte li:hover a {
        opacity: 1
    }

    .topBar ul.navDecouverte li.dropdown {
        position: static
    }

    .topBar ul.navDecouverte li ul.dropdown-menu {
        top: 100px;
        width: 100%;
        text-align: center;
        background: #f1f1f1
    }

    .topBar ul.navDecouverte li ul.dropdown-menu>li {
        width: 100%;
        min-height: 200px;
        border-right: 0;
        padding: 3.125rem 0;
        text-align: center
    }

    .topBar ul.navDecouverte li ul.dropdown-menu>li h2 {
        margin-bottom: 2rem
    }

    .topBar ul.navDecouverte li ul.dropdown-menu>li p {
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        font-size: 1rem!important;
        color: #666;
        margin-bottom: 1.125rem
    }

    ul.promoList {
        text-align: left;
        margin: 0 0 2rem 20%
    }

    ul.promoList li {
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        font-size: 1rem!important;
        color: #333;
        list-style-type: none;
        background-image: url(images/puce.png)!important;
        background-repeat: no-repeat;
        background-position: 0;
        padding-left: 50px;
        margin-bottom: 1.125rem
    }

    .topBar ul.navDecouverte li ul.dropdown-menu>li a.btn {
        width: auto;
        display: inline-block
    }
    /*! version integrale */

    .dropdown-menu-integral,
    .dropdown-menu-integral li a {
        text-align: left
    }

    @media (max-width:767px) {
        .topBar .logo {
            padding: .5rem
        }
    }

    @media (max-width:991px) {
        ul.navDecouverte,
        ul.navIntegrale {
            display: none!important
        }
    }

    .logo.topBar-item h1 {
        display: inline-block;
        text-align: left;
    }
    /*! fin : navigation centrale dcouverte */
    /*! bouton search ******************* */

    .navbar-toggle.searchbar-toggle {
        display: block!important;
        background: url(images/icon/pictos-nav/loop.svg) no-repeat scroll center center #ffd076;
        background-size: 34px;
        border: 0;
        color: #000;
        border-radius: 0;
        margin: 0;
        height: 70px;
        width: 70px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        /* border-bottom: 1px solid #ccc !important; */
        border-left: 1px solid #ccc !important;
    }

    .navbar-toggle.searchbar-toggle.in {
        background: url(images/cross.png) no-repeat center #ffd076;
        background-size: 25px
    }
    /*! module de connexion */

    .topBar .topBar-item:last-child {
        border-right: 0
    }

    .topBar .compteUser {
        width: 70px;
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .topBar .compteUser .txtInfoConnexion {
        display: none;
        font-size: .825rem;
        color: #808285
    }

    .button-my-account {
        margin: 0;
        width: 70px;
        height: 70px;
        border: 0;
        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: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        color: #f5f5f5;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    /* Migration Syracuse 08092022 Christophe */

    button#dropMenu1 {
        border-radius: 0;
    }

    .button-my-account .btn-account {
        background-color: #000;
        margin: 0;
        border: 0;
        outline: 0!important;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .button-my-account .btn-account:focus {
        outline: 2px solid #b3d6fd!important;
        box-shadow: inset 0px 0px 0px 2px #b3d6fd;
    }
    /* Migration Syracuse 08092022 Christophe */

    .button-my-account .btn-account span span {
        -webkit-transition: none;
        transition: none
    }

    button#dropMenu1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 0;
    }

    .button-my-account span.hidden-xs,
    .button-my-account span.visible-xs {
        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: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-size: 19px;
        width: 100%;
        height: 70px;
        position: relative;
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;
    }

    .button-my-account span.hidden-xs i.icon-lock+span,
    .button-my-account span.hidden-xs i.icon-user+span,
    .button-my-account span.visible-xs i.icon-lock+span,
    .button-my-account span.visible-xs i.icon-user+span {
        display: block;
        width: 100%;
        -ms-flex-item-align: end;
        -webkit-align-self: flex-end;
        align-self: flex-end;
        position: absolute;
        bottom: 0px;
        opacity: .7;
        color: #fff;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 1.178125rem
    }

    .button-my-account:hover span.hidden-xs i.icon-lock+span,
    .button-my-account:hover span.hidden-xs i.icon-user+span,
    .button-my-account:hover span.visible-xs i.icon-lock+span,
    .button-my-account:hover span.visible-xs i.icon-user+span {
        opacity: 1
    }

    @media (max-width:767px) {
        .button-my-account span.hidden-xs,
        .button-my-account span.visible-xs {
            height: 70px
        }
    }

    .button-my-account span.hidden-xs i.icon-lock,
    .button-my-account span.hidden-xs i.icon-user,
    .button-my-account span.visible-xs i.icon-lock,
    .button-my-account span.visible-xs i.icon-user {
        display: block;
        font-size: 32px;
        width: 108%;
        position: absolute;
        top: calc(50% - 17px)!important;
        color: #f5f5f5
    }

    .button-my-account span.hidden-xs i.icon-lock {
        display: block;
        font-size: 30px;
        width: 108%;
        top: calc(50% - 16px)!important;
    }

    .button-my-account span.hidden-xs i.icon-lock+span {
        display: block;
        width: 100%
    }

    .connectBox {
        min-height: 100px
    }
    /*! sous menu admin */

    .profilBox {
        max-width: 260px;
        width: auto;
        z-index: 99999999999999999999999
    }
    /*! Bibli-user infos ******************* */

    .conteneur-Bibinfo {
        border-bottom: 1px solid #ccc;
        position: relative;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        height: 70px
    }

    .layer-gris {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .04;
        z-index: 99999;
    }

    .logo-bib {
        width: 154px;
        height: 55px;
        margin: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        background-position-x: center;
        background-size: contain;
        /*    background-size: 121px 55px;*/
    }

    .nom-bib {
        /*
    position: absolute;
    bottom: 0;
    font-size: 11px;
    line-height: 1;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    opacity: .7;
    text-align: center;
    padding-left: .1rem;
    overflow: hidden;
    height: 19px;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-bottom: 3px solid #fff;
*/
        position: absolute;
        bottom: 2px;
        font-size: 11px;
        line-height: 1;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        opacity: .7;
        text-align: center;
        padding-left: .1rem;
        overflow: hidden;
        height: 12px;
        width: 100%;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        border-bottom: 0;
    }
    /* v2 nom bib */

    .logo-bib {
        width: 154px;
        height: 70px;
        margin: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        background-position-x: center;
        background-size: contain;
        /*
    background-size: 90%;
    background-position-y: 4px;
*/
    }

    .nom-bib {
        position: absolute;
        bottom: -1px;
        font-size: 11px;
        line-height: 1;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        opacity: .8;
        text-align: center;
        padding-left: .1rem;
        overflow: hidden;
        height: 15px;
        vertical-align: text-bottom;
        width: 100%;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        border-bottom: 1px solid #CCc;
        background: #fff;
    }
    /* fin : v2 nom bib */
    /*!  TOP BAR mobile *********************** */

    @media (max-width:991px) {
        .navbar-toggle.menu-mobileMedia-toggle-anonyme {
            display: block
        }
    }

    @media (max-width:767px) {
        .topBar,
        .topBarContainer {
            height: 70px
        }
        .navbar-toggle.facets-toggle,
        .navbar-toggle.menu-mobileMedia-toggle {
            width: 70px;
            /*
        flex-basis: 55px;
        max-width: 70px;
        min-width: 55px;
*/
            height: 70px
        }
        .topBar .logo {
            height: 70px;
            min-width: 100px;
        }
        .navbar-toggle.searchbar-toggle,
        .topBar .compteUser.topBar-item,
        .topBar .compteUser.topBar-item .button-my-account {
            width: 70px;
            height: 70px;
            /*
        flex-basis: 55px;
        max-width: 70px;
        min-width: 55px;
*/
        }
        /*
    .button-my-account,
    .topBar .compteUser {
        width: auto;
    }
*/
    }

    @media (max-width:410px) {
        .navbar-toggle.facets-toggle,
        .navbar-toggle.menu-mobileMedia-toggle {
            flex-basis: 55px;
            max-width: 70px;
            min-width: 55px;
            height: 70px
        }
        .topBar .logo {
            height: 70px;
            min-width: 100px;
        }
        .navbar-toggle.searchbar-toggle,
        .topBar .compteUser.topBar-item,
        .topBar .compteUser.topBar-item .button-my-account {
            width: auto;
            height: 70px;
            flex-basis: 55px;
            max-width: 70px;
            min-width: 55px;
        }
        .button-my-account,
        .topBar .compteUser {
            width: auto;
        }
    }

    @media (min-width:1px) {
        .navbar-toggle.facets-toggle,
        .navbar-toggle.menu-mobileMedia-toggle {
            display: block
        }
    }

    @media (min-width:992px) {
        .navbar-toggle.menu-mobileMedia-toggle-anonyme {
            display: none
        }
    }

    .x-body #page.page-admin .topBarContainer,
    .x-body #page.page-admin .topBarContainer.fix {
        display: none!important;
    }
    /*!  fin : TOP BAR mobile *********************** */
    /*!  fin : TOP BAR *************************************************** */
    /*! **************************************************** */
    /*! HEADER *********************** */
    /*! la "vraie navigation" du site est dans le header, ouvert grace aux déclencheurs (trigger) situés dans la topBar */
    /*! **************************************************** */
    /*! zone hors header. au clic elle referme le header */

    .layer-close {
        visibility: hidden;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 999
    }

    .layer-close.in {
        visibility: visible;
        position: fixed;
        height: 100%;
        width: 100%;
        z-index: 999;
        background-color: #f5f5f5;
        background-color: rgba(0, 0, 0, .45)
    }
    /*! fin : zone hors header. au clic elle referme le header */
    /*! 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 */
    /*! bloc conteneur du header */

    #page>header[role=banner] {
        position: fixed!important;
        display: block;
        top: 100px;
        z-index: 99999;
        width: 100%;
        background: url(images/bg-menu-pad.png) no-repeat center;
        border-bottom: 1px solid #ccc;
        background-size: cover;
        opacity: 0
    }

    #page>header[role=banner].in {
        position: fixed!important;
        opacity: 1;
        box-shadow: 0 10px 20px -14px rgba(0, 0, 0, .35)
    }

    .header_bloc.container {
        opacity: 0;
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out
    }

    .header_bloc.container.in {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        opacity: 1
    }

    @media (max-width:767px) {
        #page>header[role=banner] {
            top: 70px
        }
        #page>header[role=banner].in {
            display: block;
            position: fixed;
            top: 70px;
            height: calc(100% - 70px);
            overflow: scroll
        }
    }

    .header_bloc.container:not(.in) .navbar-toggle {
        padding: 0
    }

    #page>header[role=banner] nav.topBar {
        position: absolute;
        top: 0;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    /*! *********************** */
    /*! 2/a- HEADER -- MENU :   */
    /*! *********************** */

    .menu-mobileMedia li.divider {
        height: 1px;
        width: 3.125rem;
        margin: .825rem 0;
        overflow: hidden;
        background-color: #ccc
    }

    .menu-mobileMedia>ul>li.divider {
        margin-left: 20px
    }

    .menu-mobileMedia li a {
        text-align: left
    }

    .menu-mobileMedia>ul>li>a {
        display: block;
        padding: 1rem 1.25rem;
        clear: both;
        font-weight: 400;
        line-height: 1.825;
        color: #333;
        white-space: wrap
    }

    .dropdown-menu>li>a:focus,
    .menu-mobileMedia>ul>li>a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5
    }

    .header_bloc.menu-in .menuPAD {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .header_bloc.menu-in .menu-mobileMedia,
    .menu-mobileMedia.collapsing {
        width: 100%;
        margin-left: 0;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        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-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .sepVertical {
        width: 1px;
        background: #ffd076;
        background: #ddd
    }

    .header_bloc.menu-in .menu-mobileMedia>ul,
    .menu-mobileMedia.collapsing>ul {
        margin-left: 0;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        text-align: left;
        /* padding-top: 2.125rem;
    padding-bottom: 2.125rem */
    }

    .header_bloc.menu-in .menu-mobileMedia li a span,
    .menu-mobileMedia.collapsing li a span {
        font-size: 1rem;
        color: #000;
        font-family: 'Philharmonique Regular', sans-serif;
        text-transform: uppercase
    }

    .header_bloc.menu-in .menu-mobileMedia li:hover,
    .header_bloc.menu-in .menu-mobileMedia li:hover a {
        background-color: transparent!important
    }

    .header_bloc.menu-in .menu-mobileMedia li:hover a span,
    .header_bloc.menu-in .menu-mobileMedia li:hover nav h3
    /* ,
.header_bloc.menu-in .menu-mobileMedia li a:focus span */

    {
        color: #ffbd70;
    }

    .header_bloc.menu-in .menu-mobileMedia li a span.menu-entreePP {
        opacity: .5
    }

    .header_bloc.menu-in .menu-mobileMedia li:hover a span.menu-entreePP {
        opacity: 1;
        color: #000
    }
    /*! menu type dans menu responsive */

    .header_bloc.menu-in .menuGenreType-header,
    .menu-mobileMedia.collapsing .menuGenreType-header {
        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: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding-top: 2.125rem;
        padding-bottom: 2.125rem;
    }

    @media (min-width:768px) {
        .header_bloc.menu-in .menuGenreType-header,
        .menu-mobileMedia.collapsing .menuGenreType-header {
            /* padding-left: 2rem; */
            /* migration syracuse 02092022 Christophe */
            padding: 1rem 5vw;
        }
    }

    .header_bloc.menu-in .menuGenreType-header h3,
    .menu-mobileMedia.collapsing .menuGenreType-header h3 {
        font-weight: 400;
        margin-bottom: 1rem;
        margin-top: 0;
        padding-top: 3px
    }

    .header_bloc.menu-in .menuGenreType-header ul,
    .menu-mobileMedia.collapsing .menuGenreType-header ul {
        max-width: 320px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .header_bloc.menu-in .menuGenreType-header--item,
    .menu-mobileMedia.collapsing .menuGenreType-header--item {
        display: inline-block;
        width: 180px;
        text-align: left;
        text-transform: uppercase;
        line-height: 2.4
    }

    .header_bloc.menu-in .menuGenreType-header--item a,
    .menu-mobileMedia.collapsing .menuGenreType-header--item a {
        color: #000;
        font-size: .825rem;
        opacity: .5
    }

    .header_bloc.menu-in .menuGenreType-header--item a:hover,
    .header_bloc.menu-in .menuGenreType-header--item a:focus {
        color: #000;
        opacity: 1
    }

    .header_bloc.menu-in .menuGenreType-header--item a.noHover:hover {
        color: #000;
        opacity: .5;
        cursor: default
    }

    @media (max-width:991px) {
        .header_bloc.menu-in .menuGenreType-header {
            max-width: 200px
        }
    }

    @media (max-width:767px) {
        .sepVertical {
            display: none
        }
        #menu-mobileMedia h3,
        #menu-mobileMedia nav,
        #menu-mobileMedia ul {
            padding-top: 0;
            padding-bottom: 0;
            width: 100%;
            max-width: 100%
        }
        .newwww.header_bloc.menu-in .menu-mobileMedia>ul,
        .newwww .menu-mobileMedia.collapsing>ul {
            border-left: 0;
            border-right: 0;
        }
        #menu-mobileMedia h3 {
            margin-bottom: 0;
            margin-top: 0;
            width: 100%;
            max-width: 100%;
            color: #000;
            line-height: 2;
            padding: 1rem 1.25rem;
            display: block;
            font-size: .875rem;
            clear: both;
            font-weight: 600;
            white-space: wrap
        }
        #menu-mobileMedia .yoyo-container .yoyo-trigger.in::before,
        #menu-mobileMedia .yoyo-container .yoyo-trigger::before {
            right: 2rem;
        }
        #menu-mobileMedia ul {
            padding-top: 0;
            padding-bottom: .625rem
        }
        #menu-mobileMedia ul.yoyo-content {
            padding-left: .5rem
        }
        #menu-mobileMedia>nav.in {
            padding-bottom: 1rem
        }
        .header_bloc.menu-in .nav-main--mobile-item .menuGenreType-header,
        .menu-mobileMedia.collapsing .nav-main--mobile-item .menuGenreType-header,
        /*! menu type + genre + selections théma [dans menu mobile] : */
        .header_bloc.menu .nav-main--mobile-item .menuGenreType-header {
            display: block
        }
        .header_bloc.menu-in .menu-mobileMedia,
        .menu-mobileMedia.collapsing {
            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
        }
        .menuGenreType-header h3,
        .menuGenreType-header li:not(.divider) {
            padding: 3px 20px
        }
        .menuGenreType-header li.divider {
            padding: 0 20px;
            margin-left: 20px
        }
    }

    @media (min-width:576px) {
        .header_bloc.menu-in .nav-main--mobile-item .menuGenreType-header,
        .menu-mobileMedia.collapsing .nav-main--mobile-item .menuGenreType-header,
        /*! menu type + genre + selections théma [dans menu mobile] : */
        .header_bloc.menu .nav-main--mobile-item .menuGenreType-header {
            display: none!important;
            max-width: 100%
        }
    }

    @media (min-width:575px) and (max-width:767px) {
        .sepVertical {
            display: none
        }
        #menu-mobileMedia h3,
        #menu-mobileMedia nav,
        #menu-mobileMedia ul {
            padding-top: 0;
            padding-bottom: 0;
            width: 100%;
            max-width: 100%
        }
        #menu-mobileMedia h3 {
            margin-bottom: 0;
            margin-top: 0;
            width: 100%;
            max-width: 100%;
            color: #000;
            line-height: 2;
            padding: 1rem 1.25rem;
            display: block;
            font-size: .875rem;
            clear: both;
            font-weight: 600;
            white-space: wrap
        }
        #menu-mobileMedia ul {
            padding-top: .625rem;
            padding-bottom: .625rem
        }
        #menu-mobileMedia ul.yoyo-content {
            padding-left: 2rem
        }
    }
    /*!  fin : menu type dans menu responsive */
    /*! **************************** */
    /*! 2/b- HEADER -- SEARCHBAR :   */
    /*! **************************** */
    /*! searchBar retractable de la top Bar */

    #search-panel .panel-body.col-md-8 {
        padding: 2rem;
        width: 83.33333333333334%;
        margin: 0 auto;
        float: none
    }

    @media (max-width:767px) {
        #search-panel .panel-body.col-md-8 {
            width: 100%
        }
    }

    #search-panel .panel-body.col-md-8 #main_search_form .row {
        padding: 0
    }

    #mediatextfield {
        font-size: 1rem!important;
        padding: 8px 12px!important;
        line-height: 1.42857!important;
        height: 40px
    }

    #search-panel-retractable {
        opacity: 0;
        -webkit-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out
    }

    #search-panel-retractable.in {
        opacity: 1;
        width: 100%!important;
        margin-left: 0!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    #search-panel-retractable.search-panel-topBar.collapsing .container,
    #search-panel-retractable.search-panel-topBar.in .container {
        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
    }

    #search-panel-retractable.in>#search-panel {
        display: block!important
    }

    #search-panel-retractable.search-panel-topBar.collapsing section#conteneur-filtres-mobile,
    #search-panel-retractable.search-panel-topBar.in section#conteneur-filtres-mobile {
        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-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        border-bottom: 1px solid #f1f1f1;
        background: #f1f1f1
    }

    #search-panel-retractable.search-panel-topBar.collapsing section#conteneur-filtres-mobile nav.filtre-mobile,
    #search-panel-retractable.search-panel-topBar.in section#conteneur-filtres-mobile nav.filtre-mobile {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    #search-panel-retractable.search-panel-topBar.collapsing section#conteneur-filtres-mobile nav.filtre-mobile ul li,
    #search-panel-retractable.search-panel-topBar.in section#conteneur-filtres-mobile nav.filtre-mobile ul li {
        display: inline-block
    }

    #search-panel-retractable.search-panel-topBar.collapsing section#conteneur-filtres-mobile nav.filtre-mobile ul li a,
    #search-panel-retractable.search-panel-topBar.in section#conteneur-filtres-mobile nav.filtre-mobile ul li a {
        display: block;
        font-size: 1rem;
        color: #000;
        background: #fff;
        height: 100%;
        padding: .5rem 1rem;
        margin: .375rem
    }

    @media (max-width:768px) {
        #search-panel-retractable.search-panel-topBar.collapsing section#conteneur-filtres-mobile,
        #search-panel-retractable.search-panel-topBar.in section#conteneur-filtres-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch
        }
    }
    /*! ajustement pour search-menu fullscreen */

    #search-panel-retractable #search-panel>.container>.panel-body.col-md-8 {
        /*!    margin:0; */
    }
    /*!
#main_search_form .input-group{
    border-bottom:2px solid #000!important;
}
#main_search_form .input-group .twitter-typeahead{
    border:0!important;
    background:transparent!important;
    background-color:transparent!important;
    margin-bottom: 1rem;
}
#main_search_form .input-group input{
    border:0!important;
    background:transparent!important;
    background-color:transparent!important;
    color:#000!important;
    font-size: 2.625rem;
    height: 4rem;
    font-weight:100;
}
*/

    #main_search_form .input-group {
        width: 100%
    }
    /*! SELECTION SCENARIO */

    .labelScenario,
    label[for=globalScenario] {
        font-weight: 400;
        text-decoration: underline;
        color: #999;
        padding: 0 10px;
        margin: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .s-hidden {
        visibility: hidden;
        padding-right: 10px
    }

    .selectCustom {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font: 400 11px/22px 'Source Sans Pro', Sans-Serif;
        color: #000;
        background-color: #f5f5f5;
        width: 225px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .styledSelect {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #f5f5f5;
        padding: 0 10px;
        font-weight: 400;
        text-transform: uppercase;
        font-size: .825rem;
        width: 225px
    }

    .styledSelect:after {
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-color: #000 transparent transparent;
        position: absolute;
        top: 9px;
        right: 1rem
    }

    .styledSelect.active,
    .styledSelect:active {
        background-color: #eee;
        background-color: transparent
    }

    .options {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #f5f5f5;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
    }

    .options li {
        margin: 0;
        padding: 10px 1rem;
        background-color: #f5f5f5
    }

    .options li:hover {
        background-color: #fff;
        color: #000
    }
    /*! fin SELECTION SCENARIO */

    #main_search_form .input-group .twitter-typeahead {
        background: transparent!important;
        background-color: transparent!important;
        margin-bottom: 1rem
    }

    #main_search_form .input-group input {
        background: transparent!important;
        background-color: transparent!important;
        color: #000!important;
        font-size: 2.625rem;
        height: 4rem;
        font-weight: 100;
        padding-top: 8px!important;
        padding-bottom: 8px!important;
        border-radius: 25px 0 0 25px;
    }

    #main_search_form .input-group input.tt-hint {
        opacity: .4
    }

    #main_search_form .input-group input.form-control:-ms-input-placeholder {
        color: #999!important;
        font-weight: 100
    }

    #main_search_form .input-group input.form-control::-moz-placeholder {
        color: #999!important;
        font-weight: 100
    }

    #main_search_form .input-group input.form-control:-moz-placeholder {
        color: #999!important;
        font-weight: 100
    }

    #main_search_form .input-group input.form-control::-webkit-input-placeholder {
        color: #999!important;
        font-weight: 100
    }
    /*! fin : ajustement pour search-menu fullscreen */
    /*! search bar oldies, a checker */

    #search-panel {
        padding: 2rem 0;
    }

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

    #search-panel .container {
        margin-top: 0;
        background-color: transparent;
        max-width: 100%
    }

    #main_search_form #group-btn-research {
        position: static;
        width: 250px;
        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-flex: 1;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        margin-bottom: 1rem;
        /*! quand choix scenario desactivé : */
        display: none;
    }

    #main_search_form #group-btn-research a#scenario-selection {
        display: none
    }

    #main_search_form #group-btn-research select#globalScenario {
        display: block!important
    }

    #main_search_form #group-btn-research select#globalScenario option[value=AGENDA],
    #main_search_form #group-btn-research select#globalScenario option[value=CATALOGUE],
    #main_search_form #group-btn-research select#globalScenario option[value=EDUTHEQUE],
    #main_search_form #group-btn-research select#globalScenario option[value=MUSEE],
    #main_search_form #group-btn-research select#globalScenario option[value=PARTOUT],
    #main_search_form #group-btn-research select#globalScenario option[value=SCENARIO_1],
    #main_search_form #group-btn-research select#globalScenario option[value=catalogue_test],
    #main_search_form #group-btn-research select#globalScenario option[value=catalogue_test_2],
    #main_search_form #group-btn-research select#globalScenario option[value=oeuvres],
    #main_search_form #group-btn-research ul.options li[rel=AGENDA],
    #main_search_form #group-btn-research ul.options li[rel=CATALOGUE],
    #main_search_form #group-btn-research ul.options li[rel=EDUTHEQUE],
    #main_search_form #group-btn-research ul.options li[rel=MUSEE],
    #main_search_form #group-btn-research ul.options li[rel=PARTOUT],
    #main_search_form #group-btn-research ul.options li[rel=SCENARIO_1],
    #main_search_form #group-btn-research ul.options li[rel=catalogue_test],
    #main_search_form #group-btn-research ul.options li[rel=catalogue_test_2],
    #main_search_form #group-btn-research ul.options li[rel=oeuvres] {
        display: none
    }

    #search-panel-retractable #main_search_form .input-group-btn:not(#group-btn-research) {
        width: auto;
        /*    vertical-align: top;*/
    }

    #submit-search {
        background: url(images/submit-search.png) no-repeat scroll center center #ffd076;
        height: 4.225rem;
        width: 4.225rem;
        /*!    margin-top: 2.75rem;*/
        /*! quand choix scenario desactivé : */
        margin-top: -1rem;
        /*! fin : quand choix scenario desactivé : */
        margin-left: 0;
        border: medium none #ffd076;
        border: 0;
        color: #000
    }

    #submit-search:hover {
        background: url(images/submit-search.png) no-repeat scroll center center #ffbd70!important
    }

    .search-subsearch {
        margin-bottom: 1rem
    }

    .search-subsearch ul.accordeon>li {
        background-color: #fff;
        border: 0;
        padding-bottom: 18px;
        padding-left: 1.5rem
    }

    .search-subsearch ul.accordeon>li:hover i:after {
        border-color: #ffbd70 transparent transparent
    }

    .search-subsearch ul.accordeon>li li {
        background-color: transparent;
        border: 0
    }

    @media (min-width:768px) {
        #search-panel-retractable #main_search_form .input-group {
            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-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }
        #main_search_form #group-btn-research {
            position: static;
            width: 225px;
            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-flex: 1;
            -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
            flex: 1 auto;
            margin-bottom: 0;
            /*! quand choix scenario desactivé : */
            display: none;
        }
        #search-panel-retractable #main_search_form .input-group-btn:not(#group-btn-research) {
            width: auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
            flex: 1 auto;
            /*! quand choix scenario desactivé : */
            flex: 0;
        }
        #main_search_form .input-group .twitter-typeahead {
            background: transparent!important;
            background-color: transparent!important;
            margin-bottom: 0;
            width: auto!important;
            -webkit-box-flex: 1;
            -webkit-flex: 1 auto;
            -ms-flex: 1 auto;
            flex: 1 auto;
            /*! quand choix scenario desactivé : */
            width: 100%;
        }
        #submit-search {
            background: url(images/submit-search.png) no-repeat scroll center center #ffd076;
            height: 4.225rem;
            width: 4.225rem;
            margin-top: -1rem;
            margin-top: 0;
            /*         margin-left: 4px;
 */
            border: medium none #ffd076;
            border: 0;
            color: #000
        }
    }
    /*! ******************************** */
    /*! 3/ HOME PAGE :                   */
    /* ********************************* */

    .home-section:not(.home-section-carousel):not(.home-titre) .home-section,
    body.home .home-titre .home-titre {
        padding: 4rem 0
    }

    #frame-20782 {
        padding: 2rem 0 0!important
    }

    .encart-mediatheque-home .encart-mediatheque-home {
        background: #f1f1f1;
        margin-top: 0;
        margin-bottom: 0;
        padding: 3rem 0
    }

    .encart-mediatheque-home h2 {
        max-width: 992px;
        margin: 0 auto
    }

    .encart-mediatheque-home h4 {
        margin-top: 2rem;
        margin-bottom: 1rem
    }
    /*! 3/a CAROUSEL HOME PAGE   */

    body.home #zone-2 {
        /*    max-width: 1600px;*/
        overflow: hidden;
        margin: 0 auto;
        display: block;
        clear: both;
        float: none
    }

    .home .home-section-carousel .home-section-carousel,
    #carousel-ID0EEAAA,
    #carousel-ID0EDAAA {
        max-width: 1600px;
        margin: 0 auto;
    }

    #carousel-ID0EEAAA>.rsOverflow,
    #carousel-ID0EDAAA>.rsOverflow {
        max-width: 1600px;
    }

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

    .encart-frise.carousel-pleineLargeur .img-carousel {
        position: relative;
        width: 100%;
        max-height: 500px;
        overflow: hidden
    }

    .encart-frise.carousel-pleineLargeur .img-carousel img {
        width: 100%
    }

    .encart-frise.carousel-pleineLargeur .img-carousel .copyright {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 11px;
        color: #fff;
        opacity: .4
    }

    .encart-frise.carousel-pleineLargeur .texte-frise {
        position: absolute;
        top: 15%;
        width: 400px;
        max-height: 320px;
        padding: 2rem;
        background: #fff;
        border: 2px solid #ffbd70;
        text-align: left;
        overflow: hidden
    }

    .encart-frise.carousel-pleineLargeur .texte-frise .frise-Header p {
        font-size: 1rem;
        margin-top: 0;
        margin-bottom: .5rem
    }

    .encart-frise.carousel-pleineLargeur .texte-frise hr {
        margin-top: 0;
        margin-bottom: .5rem;
        width: 2rem;
        float: left;
        border-top: 1px solid #000
    }

    .encart-frise.carousel-pleineLargeur .texte-frise h3 {
        clear: both;
        margin-top: 0;
        margin-bottom: 1.5rem
    }

    .encart-frise.carousel-pleineLargeur .texte-frise p {
        font-size: 12px
    }

    .encart-frise.carousel-pleineLargeur .texte-frise .btn {
        padding-right: 2rem;
        padding-left: 2rem
    }
    /*! slider nav */

    .royalSlider:not(.gallery) .rsOverflow .rsArrow {
        position: absolute!important;
        top: 20%!important;
        top: calc(15% + 2rem)!important;
        width: 25px!important;
        height: 25px!important;
        margin-top: 0;
        margin-left: 0;
        border-radius: 0;
        background-color: #ffd076;
        display: none!important
    }

    .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsHidden {
        opacity: 1!important
    }

    .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowLeft {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1Q0RDRTZENzA5OTExRTQ5QjM4RDM4MjQ2MThCMTU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1Q0RDRTZFNzA5OTExRTQ5QjM4RDM4MjQ2MThCMTU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTVDRENFNkI3MDk5MTFFNDlCMzhEMzgyNDYxOEIxNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTVDRENFNkM3MDk5MTFFNDlCMzhEMzgyNDYxOEIxNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5BhyRJAAAAUElEQVR42mJgQAKsHOxsQLweiJ8jC3IB8W4g/g/Ei2GCvEC8Dyo4HYiZQIL8QHwSKjgJiBlhqk9ABTuQ7WMCYkYGbACnUTgtx+tcbB4ECDAABOYW10C0EToAAAAASUVORK5CYII=);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #ffd076
    }

    .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowRight {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QTg3N0NBNkYxMDExRTQ5RTgzRjIxRTY0M0REQzAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1QTg3N0NCNkYxMDExRTQ5RTgzRjIxRTY0M0REQzAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjVBODc3Qzg2RjEwMTFFNDlFODNGMjFFNjQzRERDMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjVBODc3Qzk2RjEwMTFFNDlFODNGMjFFNjQzRERDMDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Ik1qlAAAAYklEQVR42mJg5WB/DsTrgZiNAQr+///PwASk9wBxABBvBUpywSQZgBwmIJ4OxP+BeB8Q84J0wCQZgXgSVPIkEPMzIAOgQAdU8gQTA3bAiNsobJbDVC+GCu5Gdy6GB0EAIMAAWXwb++sMQGAAAAAASUVORK5CYII=);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #ffd076
    }

    .royalSlider:not(.gallery) .rsOverflow .rsArrow:hover {
        background-color: #ffbd70
    }

    .royalSlider:not(.gallery) .rsDefaultInv .rsArrowIcn,
    .royalSlider:not(.gallery) .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn,
    .royalSlider:not(.gallery) .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
        background: 0 0
    }

    @media (min-width:768px) {
        body.home ul.rsBullets.bs-bullets {
            bottom: 40px
        }
    }

    .bs-bullets .rsNavSelected button,
    .bs-bullets button:active,
    .bs-bullets button:hover {
        border: 0;
        background-color: #ffd076;
        border-width: 0;
        height: 16px;
        width: 16px;
        border-radius: 0
    }

    .bs-bullets button,
    .bs-bullets button:focus {
        border: 0;
        background-color: #eee;
        border-width: 0;
        height: 16px;
        width: 16px;
        border-radius: 0;
        color: #000;
        margin-left: .2rem;
        margin-right: .2rem
    }

    .rsNavItem.rsBullet.rsNavSelected button.btn-info {
        color: #ffd076
    }

    @media (max-width:767px) {
        body.home .home-titre .home-titre.home-section {
            padding-bottom: 0
        }
        .encart-frise.carousel-pleineLargeur .img-carousel {
            position: relative;
            z-index: -1;
            width: 100%;
            max-height: 300px;
            overflow: hidden;
            min-height: 200px;
        }
        .encart-frise.carousel-pleineLargeur .img-carousel img {
            width: auto;
            min-width: 100%;
            max-width: 130%;
            height: auto;
            min-height: 200px;
            max-height: 400px
        }
        .encart-frise.carousel-pleineLargeur .texte-frise {
            position: static;
            width: 95%;
            padding: 1rem 2rem 2rem;
            background: #fff;
            text-align: left;
            height: 250px;
            margin: -20px auto 0;
        }
        .encart-frise.carousel-pleineLargeur .texte-frise .frise-Header p {
            margin-top: 0
        }
        .encart-frise.carousel-pleineLargeur .texte-frise hr {
            float: left
        }
        .encart-frise.carousel-pleineLargeur .texte-frise h3 {
            margin-top: 0
        }
        .rsDefaultInv.rsVer.royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowLeft {
            top: 0!important;
            left: 0!important
        }
        .rsDefaultInv.rsVer.royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowRight {
            bottom: 0!important;
            left: 0!important
        }
        .rsDefaultInv.rsHor.royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowLeft {
            left: 2rem!important;
            top: 2rem!important
        }
        .rsDefaultInv.rsHor.royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowRight {
            left: 5rem!important;
            top: 2rem!important
        }
    }

    @media (min-width:768px) and (max-width:991px) {
        .encart-frise.carousel-pleineLargeur .texte-frise {
            position: absolute;
            top: 15%;
            right: 2rem
        }
        .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowLeft {
            position: absolute;
            right: calc(400px - 1rem)!important;
            left: auto!important
        }
        .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowRight {
            right: calc(400px - 32px - 1.325rem)!important
        }
    }

    @media (min-width:992px) {
        .encart-frise.carousel-pleineLargeur .texte-frise {
            position: absolute;
            top: 15%;
            left: 55%
        }
        .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowLeft {
            left: calc(55% + 2rem)!important
        }
        .royalSlider:not(.gallery) .rsOverflow .rsArrow.rsArrowRight {
            left: calc(55% + 2rem + 32px + .325rem)!important
        }
    }

    @media (min-width:1600px) {
        .encart-frise.carousel-pleineLargeur .img-carousel {
            position: relative;
            width: 100%;
            max-height: 600px;
            overflow: hidden;
            margin: 0 auto
        }
    }
    /*! menu genre independant (encart "Explorer par genre"): */

    #menu-genre {
        position: static
    }

    #menu-genre ul {
        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;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%
    }

    #menu-genre ul li {
        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: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 24%;
        height: 64px;
        margin: 5px auto;
        padding: .5rem 1.5rem;
        background: #f5f5f5;
    }

    #menu-genre ul li a {
        font-size: .875rem;
        color: #000;
        height: 100%;
        padding: .5rem 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
        text-transform: uppercase
    }

    #menu-genre ul li a span {
        font-size: .875rem
    }

    #menu-genre ul li:hover {
        background: #ffd076
    }

    #menu-genre ul li:hover a {
        text-decoration: none
    }

    #menu-genre ul li .clearfix {
        display: none
    }

    @media (max-width:767px) {
        #menu-genre ul {
            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;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 100%
        }
        #menu-genre ul li {
            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: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: auto;
            height: auto;
            margin: 5px;
            margin: 0;
            flex: 1 48%;
            border: 1px solid #fff;
            max-width: 50%;
        }
    }
    /*! 3/b  Homepage MENU TYPE (encart "Explorer par type"):  */

    .menu-type h2 {
        margin-bottom: 40px
    }

    ul.menu-par-type {
        background: url(images/bg-menu-type.jpg) no-repeat center;
        background-size: cover;
        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: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    ul.menu-par-type li {
        position: relative;
        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-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        padding: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        border: 1px solid #fff;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        height: 170px;
        overflow: hidden;
        -ms-flex-preferred-size: 280px;
        -webkit-flex-basis: 280px;
        flex-basis: 280px
    }

    ul.menu-par-type li:hover {
        background-color: #ffd076;
        background-color: rgba(255, 192, 70, .5)
    }

    ul.menu-par-type li a {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        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: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
        font-size: .875rem
    }

    ul.menu-par-type li a:first-of-type {
        padding: 1rem
    }

    ul.menu-par-type li a {
        text-transform: uppercase;
        text-decoration: none;
        color: #000!important
    }

    ul.menu-par-type li a:hover {
        text-decoration: none
    }

    ul.menu-par-type li a img {
        margin-bottom: 1rem;
        width: 60px
    }
    /*! liserets entre les items du menu par type */

    @media (max-width:991px) {
        ul.menu-par-type li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 150px;
            -ms-flex-preferred-size: 200px;
            -webkit-flex-basis: 200px;
            flex-basis: 200px
        }
    }

    @media (max-width:575px) {
        ul.menu-par-type li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 120px;
            -ms-flex-preferred-size: 150px;
            -webkit-flex-basis: 150px;
            flex-basis: 150px
        }
    }
    /*! home : cta newsletter */

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

    .cta h2 span {
        margin: 0 auto;
    }

    body.home .cta .cta {
        background-image: url(images/bg-cta-newsletter.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        body.home .cta .cta {
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            background-size: cover;
        }
    }

    body.home .cta .cta {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    /*! fin home : cta newsletter */
    /*! ********************************************** */
    /*! 4/00 PAGES - OUTILS :                                              */
    /*! ********************************************** */
    /*! "yoyo" : Afficher/masquer div */

    .yoyo-container .yoyo-trigger {
        position: relative;
        cursor: pointer;
        margin-bottom: 17px;
    }

    .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(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        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
    }
    /*! sidebar */

    .incontournable-rebond .incontournable-rebond {
        margin: 1rem 0 !important;
    }

    .rebond-ext li,
    .rebond-ext--collecMusee li,
    .rebond-ext--catalogue li,
    .incontournable-rebond li {
        position: relative;
    }
    /* .rebond-ext a:after,
.rebond-ext--collecMusee a:after,
.rebond-ext--catalogue a:after */
    /*,
.incontournable-rebond a:after, .incontournable-rebond a:hover::after*/
    /* {
    content: url(images/icon-extlink-14px.png);
    display: block;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
} */

    .incontournable-rebond h2,
    .incontournable-rebond h2 span,
    .incontournable-rebond h3,
    .rebond-blanc h2,
    .rebond-blanc h2 span,
    .rebond-blanc h3,
    .sidebar-section h2,
    .sidebar-section h2 span,
    .sidebar-section h3 {
        text-align: left;
        font-size: 1.225rem!important;
        font-weight: 600;
        margin-bottom: 1.225rem;
    }

    .incontournable-rebond h3,
    .rebond-blanc h3,
    .sidebar-section h3 {
        text-align: left;
        font-size: 1rem!important;
        font-weight: 600;
        /*!
    margin-bottom:1.225rem;
    margin-top: .325rem;
*/
        margin-top: 2.45rem;
        margin-bottom: 1.225rem;
        margin-bottom: 11px;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        margin: 0;
        padding: 0;
        line-height: 1;
    }

    .rebond-bleu h2,
    .rebond-blanc h2 {
        background: none!important;
        font-family: 'Philharmonique Regular', sans-serif;
        text-transform: uppercase;
        padding: 0;
    }
    /*! ********************************************** */
    /*! 4/a PAGES - GENERAL :                         */
    /*! ********************************************** */

    #page {
        /* padding-top: 105px */
    }

    @media (max-width:767px) {
        #page {
            /*        padding-top: 70px*/
        }
    }

    .col-md-12.cms-inner-zone {
        padding-left: 0;
        padding-right: 0
    }

    body:not(.page-pad) #page .cms-inner-zone>div[id^="frame-"] {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

    body.page-PAD #page .cms-inner-zone>div[id^="frame-"],
    body.home #page .cms-inner-zone>div[id^="frame-"] {
        margin-top: 0;
        margin-bottom: 0;
    }

    body:not(.home) #page .panel-body,
    body:not(.home) #page .panel-footer,
    body:not(.home) #page .panel-heading {
        padding-left: .625rem!important;
        padding-right: .625rem!important;
        clear: both;
        float: none
    }

    body:not(.home) #page .cms-inner-layout .cms-inner-zone .frame-portalcarouselwebframefactory>.frame-standard>.panel-body,
    body:not(.home) #page .cms-inner-layout .cms-inner-zone .frame-portalcarouselwebframefactory>.frame-standard>.panel-footer,
    body:not(.home) #page .cms-inner-layout .cms-inner-zone .frame-portalcarouselwebframefactory>.frame-standard>.panel-heading {
        padding-left: .625rem!important;
        padding-right: .625rem!important
    }

    #page #frame-21640 .panel-body,
    body:not(.home) #page .searchContainer .panel-body,
    body:not(.home) #page .searchContainer .panel-footer,
    body:not(.home) #page .searchContainer .panel-heading {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .panel-heading .resize {
        display: none!important;
    }

    .frame-portalcarouselwebframefactory.hero .hero {
        background-color: #555;
        height: calc(55vh - 100px);
        min-height: 350px;
        padding: 65px 0 85px;
        text-align: center!important
    }

    .frame-portalcarouselwebframefactory.hero .hero .panel-body,
    .frame-portalcarouselwebframefactory.hero .hero .panel-body .ermes-frame-html,
    .frame-portalcarouselwebframefactory.hero .hero .panel-body .ermes-frame-html .rsItem,
    .frame-portalcarouselwebframefactory.hero .hero .panel-body .ermes-frame-html .rsItem .container,
    .frame-portalcarouselwebframefactory.hero .hero .panel-body .ermes-frame-html .rsItem .container .heroTexte {
        height: 100%;
        width: 100%
    }

    .frame-portalcarouselwebframefactory.hero .hero .panel-body .heroTexte {
        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: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .frame-portalcarouselwebframefactory.hero .hero .panel-body .heroTexte a,
    .frame-portalcarouselwebframefactory.hero .hero .panel-body .heroTexte h1,
    .frame-portalcarouselwebframefactory.hero .hero .panel-body .heroTexte p {
        margin: 1rem 0
    }

    .frame-portalcarouselwebframefactory.hero .hero h1,
    .frame-portalcarouselwebframefactory.hero .hero h2,
    .frame-portalcarouselwebframefactory.hero .hero p,
    .frame-portalcarouselwebframefactory.hero .hero span {
        color: #fff!important
    }

    .frame-portalcarouselwebframefactory.hero .hero .contributeur {
        display: flex;
        align-items: flex-end;
        margin-top: auto;
    }

    .frame-portalcarouselwebframefactory.hero .hero .contributeur,
    .frame-portalcarouselwebframefactory.hero .hero .contributeur span {
        font-size: .875rem;
    }

    .encart .encart {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .encart.intro {
        background: #F3F2ee;
        padding-right: 0;
        padding-left: 0;
    }

    .encart.intro .encart.intro {
        background: #F3F2ee;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        max-width: 690px;
        margin: 0 auto;
    }

    .encart.intro .encart.intro p {
        font-weight: 600;
    }
    /*! *************************************************************** */
    /*! *************************************************************** */
    /*!   4/b AFFICHAGE DES ENCARTS (liste statique, triptyque, etc)    */
    /*! *************************************************************** */
    /*! *************************************************************** */
    /*! ***************************************************** */
    /*! encart "bisection": 2 blocs cote-a-cote (texte/image) */

    .bisection {
        display: flex;
        flex-wrap: wrap;
    }

    .bisection> :first-of-type {
        margin-right: 2rem;
        /*    text-align: right;*/
    }

    .bisection> :first-of-type h2 span {
        /*    text-align: right;*/
    }

    .bisection .bisection--texte {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*    align-items: center;*/
        flex: 1 360px;
        padding: 0 4rem 0 0;
    }

    .bisection .bisection--texte .blockquote {
        font-style: normal;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .bisection .bisection--img {
        flex: 1 200px;
    }
    /*! fin : encart "bisection"   */
    /*! ************************** */
    /*! ******************************************************** */
    /*! LISTE DE DOCUMENTS (avec mis en avant + liste + filtres) */
    /*! ******************************************************** */
    /*! LISTE DE DOCUMENTS : */

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

    ul.listeDocs .listeDocs-item>a {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        height: 116px;
    }
    /*! zone image de la liste */

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

    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%;
    }
    /*! zone de texte de la liste */

    ul.listeDocs .listeDocs-item--texte {
        flex: 1;
        padding: .5rem;
        display: flex;
        /*    flex-wrap:wrap; */
        border: 1px solid #bbb;
        overflow: hidden;
    }

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

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

    ul.listeDocs h3 {
        font-size: .875rem;
        line-height: 1;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        text-transform: none;
        margin-bottom: .25rem;
    }

    ul.listeDocs h4 {
        font-size: .825rem;
        font-family: 'SourceSansPro', sans-serif;
        color: #777;
    }

    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;
        /*    font-weight: bold;*/
        position: absolute;
        right: 0;
    }

    ul.listeDocs .timeInfo-date {
        font-family: 'SourceSansPro', sans-serif;
        font-weight: 700;
        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: 700;
    }

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

    @media (min-width:767px) {
        ul.listeDocs .listeDocs-item {}
        /*! zone image de la liste */
        ul.listeDocs .listeDocs-item--image {
            width: 210px;
            /*        height: 100px;*/
        }
        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: auto;
        }
        ul.listeDocs .quidam {
            display: flex;
            flex: 1;
            flex-direction: column;
            padding-left: 1rem;
            overflow: hidden;
        }
        ul.listeDocs .quidam .nom {}
        ul.listeDocs div.more-info {
            flex: 1;
            display: flex;
        }
        ul.listeDocs .btn.btn-default {
            margin: auto;
            padding: .5rem 1rem;
        }
        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 .listeDocs-item--image .docApercu {
        object-fit: cover;
        width: 100%;
    }

    ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--texte {
        padding: 1rem;
        flex: 1;
        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 {
            border: 1px solid #fff;
            /*        border:1px solid #bbb;*/
        }
        ul.listeDocs .listeDocs-item.misEnAvant:hover {
            border: 1px solid #fff;
            /*        border:1px solid #000;*/
        }
        ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--texte {
            border: 1px solid #bbb;
        }
        ul.listeDocs .listeDocs-item.misEnAvant:hover .listeDocs-item--texte {
            border: 1px solid #000;
        }
        ul.listeDocs .listeDocs-item.misEnAvant:nth-child(2),
        ul.listeDocs .listeDocs-item.misEnAvant:nth-child(3) {
            margin-left: 1rem;
        }
    }
    /*! FIN : LISTE DE DOCUMENTS */
    /*! ************************ */
    /*! ******************************************* */
    /*! 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;
        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--declencheur {
        padding: .5rem 1rem;
        background: #fff;
        border: 1px solid #ccc;
    }

    .edit-filtres--search-results {
        padding: .5rem 0 .5rem 1rem;
        color: #777;
    }

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

    .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--declencheur span {
            font-size: 12px;
            text-transform: uppercase;
        }
    }

    @media (max-width:767px) {
        .edit-filtres-recherche--wrap {
            flex: 4;
        }
    }

    @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-liste--wrap {
            padding: 1rem 0 2rem;
        }
        .edit-filtres--close {
            padding-right: 1rem;
        }
    }
    /*! FIN :  FILTRES */
    /*! ************** */
    /*! FIN : LISTE DE DOCUMENTS + FILTRES */
    /*! ********************************** */
    /*! *************************************************************** */
    /* ENCART NAVIGATION BLOCS */
    /*! ************************ */
    /*! 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: 'Source Sans Pro', SourceSansPro, sans-serif;
    }

    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 span {
        font-family: 'Philharmonique Regular', 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
    }
    /*! fin : navblocs */

    .template-resume span {
        font-size: inherit;
        font-style: italic
    }
    /* *********************************************************************** */
    /*! liste simple avec vignette sur le coté : */

    .listeEtVignette ul>li {
        display: flex;
        justify-content: flex-start;
        background: #f5f5f5;
        border: 1px solid #fff;
        /*    max-height: 120px;*/
        max-height: 200px;
        overflow: hidden;
    }

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

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

    .listeEtVignette ul li:hover {
        background: #fff;
    }

    .listeEtVignette ul li .listeEtVignette-img {
        max-width: 115px;
    }

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

    .listeEtVignette-img a {
        height: 100%;
        /*    display: flex;*/
    }

    .listeEtVignette-img img {
        object-fit: cover;
    }

    ul li:hover .listeEtVignette-img img {}

    .listeEtVignette-texte {
        position: relative;
        flex: 1;
        padding: 16px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

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

    .listeEtVignette-texte .typedoc {
        font-size: .825rem;
        text-transform: uppercase;
        color: #777;
    }

    .listeEtVignette-texte p {
        font-size: .875rem;
    }

    .listeEtVignette-texte h4,
    .listeEtVignette-texte h4 em,
    .listeEtVignette-texte h4 span {
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: normal;
        margin-top: 0;
    }
    /*! fin : liste simple avec vignette sur le coté : */
    /* *********************************************************************** */
    /*!  encart liste simple : .listeSimple (recherche capturee liste statique), utilisée pour l'affichage des rebonds fiches d'oeuvres : */

    .listeSimple .rs-staticList li {
        border-bottom: 1px solid #ddd;
    }

    .content-oe-modele #portal .listeSimple div.webframe-ermes-lastviewedresources-item {
        padding: 0;
    }

    .container.conseil-bloc,
    .border-bleu-promo-edutheque,
    .webframe-ermes-lastviewedresources-item {
        border-radius: 16px;
    }

    .listeSimple .rs-staticList .notice_corps {
        padding-bottom: 0;
        width: 100%
    }

    @supports (display:flex) {
        .listeSimple .rs-staticList .notice_corps {
            display: flex;
        }
        .listeSimple .rs-staticList .notice_corps a {
            width: 100%;
        }
        .listeSimple .rs-staticList .notice_corps>a {
            width: auto;
        }
    }

    .listeSimple .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
        width: 60px;
        min-width: 60px !important;
        min-height: 60px !important;
        margin-bottom: 0;
    }

    .listeSimple .webframe-ermes-lastviewedresources-item .vignette_document {
        margin-bottom: 0;
    }
    /* #portal .listeSimple .webframe-ermes-lastviewedresources-item .notice_corps h3.template-title {
    font-family: "SourceSansPro"!important;
    font-family: "Source Sans Pro" !important;
    font-size: 1rem;
    padding-top: 8px;
    font-weight: normal!important;
    text-transform: none;
}
 */

    #portal .listeSimple .webframe-ermes-lastviewedresources-item .notice_corps h3.template-title {
        font-family: 'Source Sans Pro', sans-serif!important;
        font-size: 1rem;
        padding-top: 8px;
        text-transform: none;
    }

    .listeSimple .webframe-ermes-lastviewedresources-item .notice_corps p.template-resume,
    .listeSimple .webframe-ermes-lastviewedresources-item .notice_corps p.page-cms {
        display: none;
    }
    /* masquer la 2e vignette des notices du musee - GG 21/06/2022 */

    .webframe-ermes-lastviewedresources-item .notice-courte-MUSEE .notice-courte .vignette {
        display: none;
    }
    /*!  fin : encart liste simple : .listeSimple  */
    /* *********************************************************************** */
    /* encart "liste2niveaux" (recherche capturée liste statique) : affiche seulement image + titre + auteur principal*/

    .liste2niveaux .notice_corps .template-resume,
    .liste2niveaux .notice_corps .template-info,
    .liste2niveaux .notice_corps .cim-short-genre {
        display: none;
    }

    .liste2niveaux .notice_corps .template-info:first-of-type {
        display: block;
    }

    .liste2niveaux .notice_corps .template-info:nth-of-type(2) {
        display: block;
    }

    .liste2niveaux .notice_corps .template-info:nth-of-type(2) li {
        display: none;
    }

    .liste2niveaux .notice_corps .template-info:nth-of-type(2) li:first-child,
    .liste2niveaux .notice_corps .template-info:nth-of-type(2) li:nth-child(2) {
        display: block;
    }
    /* *********************************************************************** */
    /* ENCART "extrait-mea" LISTE SIMPLE RECHERCHE CAPT., "écoutez l'oeuvre"   */

    #portal .frame-ermes-searchcapturemultirender.extrait-mea div.webframe-ermes-lastviewedresources-item {
        border: 1px solid #dedede;
        padding: 10px;
        box-shadow: 0 4px 9px #ccc;
    }

    #portal .frame-ermes-searchcapturemultirender.extrait-mea div.webframe-ermes-lastviewedresources-item .vignette_document {
        padding: 0;
        margin-right: 1rem;
        margin-bottom: 0;
    }

    #portal .frame-ermes-searchcapturemultirender.extrait-mea div.webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
        padding: 0;
        margin: 0;
        width: 150px;
    }
    /* *********************************************************************** */
    /* Ancien code svg in searchCapTriptyque.css */
    /* SLIDER ERMES 2022 */
    /* Slider Ermes triptyque source : musee */
    /* gg 02/09/2022 : application du nouveau style slider 2022 aux rebonds "suggestions" (.images_scroll_container) */

    .images_scroll_container .selectionsNoticeResults,
    .images_scroll_container .suggestionNoticeResults,
    .rs-slide3Items .selectionsNoticeResults,
    .rs-slide3Items .suggestionNoticeResults {
        max-height: 515px;
        height: 515px!important;
    }

    .images_scroll_container .rsVisibleNearbyWrap,
    .images_scroll_container .rsOverflow,
    .rs-slide3Items .rsVisibleNearbyWrap,
    .rs-slide3Items .rsOverflow {
        height: 100% !important;
    }

    .rs-slide3Items .rsSlide,
    .images_scroll_container .rsSlide {
        padding: 1rem;
    }

    .rs-slide3Items .rsSlide .well,
    .images_scroll_container .rsSlide .well {
        background: #fff;
        border-radius: 1rem;
        border: 0;
        box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .25);
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        float: none;
        clear: both;
    }

    .rs-slide3Items .rsSlide .well:before,
    .images_scroll_container .rsSlide .well:before {
        display: none;
    }

    .rs-slide3Items .rsSlide .well .slider-notice,
    .images_scroll_container .rsSlide .well .slider-notice {
        font-size: 1rem;
        color: #001b3b;
        /*! margin-bottom: .75rem; */
        /*! margin-top: .75rem; */
        flex: 1;
    }
    /* cache de débordement multiples vignettes */

    /* body:not(.content-oe-modele) .rs-staticList .notice_corps::after,
    .selectionPagesDecouverte .element a::after,
    .rs-slide3Items .rsSlide .well .slider-notice:after,
    .images_scroll_container .rsSlide .well .slider-notice:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 50px;
        z-index: 3;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
        background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
        background: linear-gradient(rgba(255, 255, 255, 0), white);
    } */

    .rs-slide3Items .rsSlide .well .slider-notice>div,
    .images_scroll_container .rsSlide .well .slider-notice>div {
        height: 100%;
        overflow: hidden;
    }

    #page .rs-slide3Items .rsSlide .well h3,
    #page .images_scroll_container .rsSlide .well h3 {
        font-size: 1rem;
        color: #001b3b;
        margin-bottom: .75rem;
        margin-top: .75rem;
    }

    #page .rs-slide3Items .rsSlide .well .AuthorValue,
    #page .rs-slide3Items .rsSlide .well .template-resume,
    #page .rs-slide3Items .rsSlide .well .template-resume *,
    #page .rs-slide3Items .rsSlide .well .template-info,
    #page .rs-slide3Items .rsSlide .well .template-info *,
    #page .rs-slide3Items .rsSlide .well .cim-short-genre,
    #page .rs-slide3Items .rsSlide .well .cim-short-genre *,
    #page .rs-slide3Items .rsSlide .well .cim-short-date,
    #page .rs-slide3Items .rsSlide .well .cim-short-date *,
    #page .images_scroll_container .rsSlide .well .AuthorValue,
    #page .images_scroll_container .rsSlide .well .template-resume,
    #page .images_scroll_container .rsSlide .well .template-resume *,
    #page .images_scroll_container .rsSlide .well .template-info,
    #page .images_scroll_container .rsSlide .well .template-info *,
    #page .images_scroll_container .rsSlide .well .cim-short-genre,
    #page .images_scroll_container .rsSlide .well .cim-short-genre *,
    #page .images_scroll_container .rsSlide .well .cim-short-date,
    #page .images_scroll_container .rsSlide .well .cim-short-date * {
        font-size: .875rem;
        color: #001b3b;
    }

    #page .rs-slide3Items .rsSlide .well .template-info,
    #page .images_scroll_container .rsSlide .well .template-info {
        opacity: .75;
    }
    /* fin gg 02/09/2022 : application du nouveau style slider 2022 aux rebonds "suggestions" (.images_scroll_container) */
    /* bouton voir tout */

    .rs-slide3Items+div>.btn {
        margin: 3rem auto;
    }
    /* fleches du slider */

    .rsDefaultInv .rsArrow {
        z-index: 2;
    }

    .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
        background: url("images/icon/icon-prev.svg") no-repeat center;
        box-shadow: 0 3px 9px #ddd;
        border-radius: 50%;
    }

    .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
        background: url("images/icon/icon-next.svg") no-repeat center;
        box-shadow: 0 3px 9px #999;
        border-radius: 50%;
    }
    /* puces du slider */

    .bs-bullets button {
        width: 8px!important;
        height: 8px!important;
        background-color: #001b3b;
        border: 1px solid #001b3b!important;
        border-radius: 50%!important;
        padding: 0;
        /* position: relative; */
    }

    .rsDefaultInv .rsBullet {
        width: 26px!important;
        height: 26px!important;
        margin: 0 1rem;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 50%;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .rsDefaultInv .rsBullet span {
        width: 0!important;
        height: 0!important;
        /* position: absolute; */
        /* top: 9px; */
    }

    .rsDefaultInv .rsBullets {
        display: flex;
        justify-content: center;
    }

    .bs-bullets .rsNavSelected button {
        background-color: #001b3b;
    }

    .rsDefaultInv .rsBullet.rsNavSelected {
        border: 1px solid #001b3b;
        padding: 0 4px;
    }

    .rsBullet button:active,
    .rsBullet button:hover {
        background-color: #001b3b;
        outline: 2px solid #001b3b;
    }

    .rsBullet button:focus {
        background-color: #001b3b;
        outline: 2px solid #001b3b!important;
        transform: scale(1.5);
    }
    /* en attendant la refonte des notices, on laisse les vignettes dans les rechercherches capt. triptyques */

    .rsSlide .well>a,
    .rsSlide .well>a .thumbnail-wrapper {
        display: flex;
        width: 100%;
        padding: 0;
        height: auto;
        flex-direction: column;
        float: none;
        clear: both;
        /*! flex: 1; */
    }

    .rsSlide .well>a .thumbnail-wrapper img {
        width: 100%;
        height: 206px;
        padding: 0;
        margin: 0;
        object-fit: cover;
    }

    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI4_MEDIUM.png"],
    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI2_MEDIUM.png"],
    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI42_MEDIUM.png"],
    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI62_MEDIUM.png"],
    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI2C_MEDIUM.png"],
    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI42C_MEDIUM.png"],
    .rsSlideContainer .thumbnail-wrapper img[src="https://collectionsdumusee.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI62C_MEDIUM.png"] {
        background-repeat: no-repeat;
        background-position: center;
        width: unset !important;
        object-fit: contain !important;
        background-image: none !important;
    }

    .rsSlide .well .slider-notice {
        width: 100%;
        padding: .5rem;
    }

    #page .rsSlide .well h3 {
        font-size: 18px;
        font-size: .875rem;
        color: #001b3b;
        margin-bottom: .5rem;
    }

    .slider-notice .sur-titre,
    .slider-notice .line {
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        margin: .25rem 0;
    }

    .slider-notice .cim-short-duree-type-doc {
        font-size: 13px;
        font-weight: normal;
        line-height: 1;
        margin: 0;
        float: none!important;
    }

    .slider-notice .cim-short-duree-type-doc:before {
        content: url(images/icon-duree.svg);
        font-size: inherit;
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
        margin-right: .5rem;
        opacity: .5;
    }

    #page .slider-notice .well h3 {
        font-size: 1rem;
        color: #001b3b;
        margin: 1rem 0;
    }
    /* *********************************************************************** */
    /* Ancien code svg in searchCapTriptyque.css */
    /* SLIDER ERMES 2022 */
    /* END Slider Ermes triptyque source : musee */
    /* *********************************************************************** */
    /*! encart recherche capturée liste statique MASONRY test */

    .friseChronoTest .rs-staticList>ul {
        column-count: 3;
        column-gap: 0;
        display: flex;
    }

    .friseChronoTest .rs-staticList>ul>li {
        /* Masonry bricks or child elements */
        flex: 1;
        margin: 0 0 0;
        width: 100%;
    }

    .friseChronoTest .rs-staticList>ul>li .webframe-ermes-lastviewedresources-item {
        /* Masonry bricks or child elements */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .friseChronoTest .rs-staticList>ul>li:nth-of-type(odd) .webframe-ermes-lastviewedresources-item {
        /* Masonry bricks or child elements */
        flex-direction: column-reverse;
    }
    /*! fin : encart recherche capturée liste statique MASONRY test */
    /*! encart recherche capturée liste statique */

    .friseChronoTest .rs-staticList>ul>li {
        margin-bottom: .5rem
    }

    .rs-staticList div.webframe-ermes-lastviewedresources-item,
    .rs-staticList div.webframe-ermes-openfindselection-item {
        border: 1px solid #ddd;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .rs-staticList div.webframe-ermes-lastviewedresources-item:hover,
    .rs-staticList div.webframe-ermes-openfindselection-item:hover {
        /*     border: 1px solid #ffd076;
 */
        /* box-shadow: 0 0 0 4px #ffd076 inset; */
        outline: 3px solid #ffd076;
    }

    .rs-staticList .notice_corps {
        padding-bottom: 1rem
    }

    #portal .webframe-ermes-lastviewedresources-item .notice_corps h3.template-title {
        font-size: 1rem;
        /*     text-transform: none;
 */
    }

    .rs-staticList .notice_corps p:not(.template-resume),
    .rs-staticList .notice_corps span,
    .rs-staticList .notice_corps ul li {
        margin-top: 0;
        font-size: .875rem;
        margin-bottom: 0
    }

    body.select-thema-modele .rs-staticList .notice_corps>a>br {
        display: none;
    }

    body.select-thema-modele .rs-staticList .notice_corps ul.cim-short-genre {
        display: none;
    }

    .content-oe-modele #portal .template-info,
    .content-oe-modele #portal .template-resume {
        padding-left: 0!important
    }

    @media (min-width:480px) {
        .rs-staticList div.webframe-ermes-openfindselection-item,
        /*! vignette de la notice */
        body:not(.content-oe-modele) .rs-staticList div.webframe-ermes-lastviewedresources-item {
            /* display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch;
            padding: 0;
            height: 175px;*/
            overflow: hidden 
        }
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item {
            height: 135px;
        }
        body:not(.content-oe-modele) .rs-staticList div.webframe-ermes-lastviewedresources-item>a {
            /* width: 200px;
            height: 100%;
            overflow: hidden;
            -ms-flex-preferred-size: 200px;
            -webkit-flex-basis: 200px;
            flex-basis: 200px */
        }
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item>a {
            width: 150px;
            height: 100%;
            overflow: hidden;
            -ms-flex-preferred-size: 200px;
            -webkit-flex-basis: 200px;
            flex-basis: 110px;
        }
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item .notice_corps a {
            color: #777;
        }
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item .notice_corps a .InstrumentTypeValue {
            font-size: 12px;
            text-transform: uppercase;
            display: none;
        }
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item .notice_corps a .AuthorValue li,
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item .notice_corps a .AuthorValue {
            font-size: .825rem;
            margin-left: 0;
        }
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item .notice_corps a .InventoryNumberValue,
        body.facteur-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item .line.sur-titre {
            display: none;
        }
        body:not(.content-oe-modele) .rs-staticList div.webframe-ermes-lastviewedresources-item>a .vignette_container {
            width: 100%;
            height: 100%
        }
        body:not(.content-oe-modele) .rs-staticList div.webframe-ermes-lastviewedresources-item>a .vignette_document {
            margin: 0 5px 10px 0;       /*modif*/
            width: 100%;
            height: 100%
        }
        body:not(.content-oe-modele) .webframe-ermes-lastviewedresources-item .vignette_document .thumbnail-wrapper {
            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-pack: stretch;
            -ms-flex-pack: stretch;
            -webkit-justify-content: stretch;
            justify-content: stretch;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch */
        }
        body:not(.content-oe-modele) #portal .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
            /* width: 100%;
            -o-object-fit: cover;
            object-fit: cover; */
            margin-bottom: 0;
            background-position: center;
            /* background-size: cover; */
            min-width: 90px !important;         /*modif*/
            min-height: 60px !important;        /*modif*/
            border-radius: 16px;                /*modif*/
        }

        /*---lignes rajoutées---*/
        .rs-staticList .notice_corps h3 {
            margin-top: .325rem;
            margin-bottom: 11px;
            clear: both;
            /* text-transform: none; */
            line-height: 17px;
        }
        .rebond .rs-staticList .cim-short-contrat, 
        .content-oe-modele .rs-staticList .cim-short-contrat, 
        .rs-staticList .line, .rs-staticList .cim-short-duree-type-doc, 
        .rebond .rs-staticList .template-resume, .rebond .rs-staticList .cim-short-genre, 
        .rebond .CONTRAT_1, .rebond h3.title::before {
                    display: none;
        }
        .webframe-ermes-lastviewedresources-item .notice_corps ul {
            margin-bottom: 5px;
        }
        /*----------------------*/

        body:not(.content-oe-modele) #portal .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb[src^="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType"] {
            width: auto;
            -o-object-fit: contain;
            object-fit: contain;
            margin-bottom: 0
        }
        /*! texte de la notice */
        body:not(.content-oe-modele) .rs-staticList .notice_corps {
            float: none;
            clear: both;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-flex: 5;
            -ms-flex: 5;
            -webkit-flex: 5;
            flex: 5;
            padding: 1rem;
            padding: .625rem;
            -webkit-box-pack: stretch;
            -ms-flex-pack: stretch;
            -webkit-justify-content: stretch;
            justify-content: stretch;
            box-shadow: unset;
            flex-direction: column;
        }
        body:not(.content-oe-modele) .rs-staticList .notice_corps>a {
            float: none;
            clear: both;
            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;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            /*!
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
*/
            overflow: hidden;
            border-bottom: 1px solid #ccc;
            -ms-flex-item-align: stretch;
            -webkit-align-self: stretch;
            align-self: stretch;
            width: 100%
        }
        body:not(.content-oe-modele) .rs-staticList .notice_corps p:not(.template-resume),
        body:not(.content-oe-modele) .rs-staticList .notice_corps span,
        body:not(.content-oe-modele) .rs-staticList .notice_corps ul li {
            margin-top: 0;
            margin-bottom: .475rem;
            font-size: .875rem;
            float: none;
            clear: both
        }
        body.select-thema-modele .rs-staticList .notice_corps ul.cim-short-genre {
            display: block;
        }
    }
    /*! fin : encart recherche capturée liste statique */
    /* resoudre le bug des multi-background sur les vignettes de concerts audio et conference */
    /*
.rsSlideContainer .thumbnail-wrapper img[src="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI2C_MEDIUM.png"],
.rsSlideContainer .thumbnail-wrapper img[src="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI42C_MEDIUM.png"],
.rsSlideContainer .thumbnail-wrapper img[src="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI62C_MEDIUM.png"] {
    background-repeat: no-repeat;
    background-position: center;
    width: unset!important;
    object-fit: contain!important;
    background-image: none!important;
} */

    body:not(.content-oe-modele) #portal .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb[src="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI2P_MEDIUM.png"]
    /*,
body:not(.content-oe-modele) #portal .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb[src="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI42P_MEDIUM.png"],
body:not(.content-oe-modele) #portal .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb[src="https://pad.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType/UNI62P_MEDIUM.png"]*/

    {
        background-image: none!important;
    }
    /* fin bug des multi-background sur les vignettes de concerts audio et conference */
    /*! Encart vidéo */

    .encart-video .rsItem {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .encart-video .embed-responsive {
        max-height: 300px;
        max-width: 800px;
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        align-items: center;
        border-radius: 16px;
    }

    .encart-video .embed-responsive img {
        width: 100%;
    }

    .encart-video .rsItem .noticeInfos {
        padding: 1rem;
        border: 1px solid #ccc;
        background: #fff;
        width: 90%;
        max-width: 700px;
        margin: -2rem auto 0;
        border-radius: 16px;
    }

    .encart-video .rsItem .noticeInfos .line {
        margin-top: 0;
    }

    .encart-video .rsItem .noticeInfos .template-title {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
    }

    .encart-video .rsItem .noticeInfos p,
    .encart-video .rsItem .noticeInfos span {
        margin: .825rem 0
    }

    .encart-video .rsItem .noticeInfos li {
        margin: .2rem 0
    }

    .encart-video .rsItem .noticeInfos .cim-short-contrat {
        font-size: .825rem;
        text-transform: uppercase;
        color: #777;
    }

    .encart-video .rsItem .noticeInfos .template-resume a {
        font-size: inherit;
        display: inline
    }

    .encart-video .rsItem .noticeInfos .cim-short-contrat:after {
        line-height: 1
    }

    .encart-video .rsItem .noticeInfos .item-publisher {
        float: none
    }

    .encart-video .rsItem .noticeInfos .item-publisher li {
        float: none;
        display: inline;
        border-left: 0;
        border-right: 1px solid #ccc;
        padding-right: .825rem;
        padding-left: 0;
        margin-right: .825rem
    }

    .encart-video .rsItem .noticeInfos .item-publisher li:last-of-type {
        border-right: 0
    }

    .encart-video .rsItem .noticeInfos .detailHisto {
        font-size: 1rem;
        color: #333;
    }

    #portal .encart-video .rsItem .noticeInfos .detailHisto>span {
        font-weight: 600!important;
        color: #333!important;
    }
    /*! fin : Encart vidéo */
    /*! **************************** */
    /*! encart mozaique responsive : */

    #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>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: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

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

    body.ext4.select-thema-archive.page-pad.select-thema-modele.pleineLargeur.cf-rtm.pad.anonyme .rs-staticList>ul>li:last-of-type {
        display: flex!important;
    }

    .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: 290px;
        overflow: hidden;
        -ms-flex-preferred-size: 300px;
        -webkit-flex-basis: 300px;
        flex-basis: 300px;
        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
    }

    .encart-mozaique .rs-staticList>ul li .webframe-ermes-lastviewedresources-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -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
    }

    .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: 205px;
        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
    }

    .encart-mozaique .webframe-ermes-lastviewedresources-item>a .thumbnail-wrapper img.img-thumbnail {
        width: 100%;
        margin: 0
    }
    /*! texte de l'item : */

    .encart-mozaique .webframe-ermes-lastviewedresources-item>.notice_corps {
        min-height: 105px;
        padding: 1.325rem
    }

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

    .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(-205px);
            -ms-transform: translateY(-205px);
            transform: translateY(-205px);
            -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
        }
        .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
        }
        .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(-150px);
            -ms-transform: translateY(-150px);
            transform: translateY(-150px);
            -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) {
        .home .encart-mozaique .rs-staticList>ul li:nth-of-type(4),
        .home .encart-mozaique .rs-staticList>ul li:nth-of-type(5) {
            display: none
        }
        .encart-mozaique .rs-staticList>ul>li {
            height: 200px;
            box-shadow: 0 2px 10px #ddd
        }
        .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 : */
    /*! encart mozaique musée, pp, ... */

    .mosaique-modele #portal li,
    .accueil-modele #portal section.accueil-mosaique li,
    .histoireinstru-modele #portal section.mosaique li {
        width: 232px;
        height: 232px;
        position: relative;
        overflow: hidden;
    }

    .mosaique-forme a,
    .mosaique-forme1 a,
    .mosaique-forme2 a {
        font-size: .875rem;
        line-height: 1.2;
        text-transform: uppercase;
        position: absolute;
        bottom: 0;
        width: 232px;
        height: 45px;
        padding: 4px 0 0 10px;
        margin-top: 0;
        overflow: hidden;
    }

    .mosaique-forme a:hover,
    .mosaique-forme1 a:hover,
    .mosaique-forme2 a:hover {
        font-size: .875rem;
    }
    /*! encarts suggestions par Ermes */

    #detail-notice-selections .images_scroll_container {
        float: none;
        clear: both;
        display: block
    }

    #detail-notice-selections .images_scroll_container>h3 a.btn {
        display: none
    }

    #detail-notice-selections .images_scroll_container ul.rsBullets.bs-bullets {
        margin-bottom: 2rem
    }
    /*! fin : encarts suggestions par Ermes */
    /*! **************************************** */
    /*! ENCART RETOUR HAUT DE PAGE "retourTop" : */

    .retourTop #sticky {
        position: fixed;
        bottom: 85px;
        right: 30px;
        width: 40px;
        height: 40px;
        color: #fff;
        background-color: #000;
        text-indent: -9999px;
        border-radius: 5px;
        z-index: 99;
        opacity: .25
    }

    .retourTop #sticky:hover {
        opacity: .6
    }

    .retourTop #sticky a {
        outline: 0;
        background: url(https://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/fleche-scrolltotop.svg) no-repeat center center!important;
        background-size: auto auto;
        background-size: 25px 25px!important;
        width: 40px;
        height: 40px;
        display: block;
        text-decoration: none;
        color: #fff
    }
    /*! ********************************************************* */
    /*! 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!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: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,
    .liste-fichesThema li .conteneur-texte a span {
        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 Regular', sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: .5px;
    }

    .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 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 */
    /*! ******************************************************* */
    /*! ************************************************ */
    /*!   fin : AFFICHAGE DES ENCARTS ************************************** */
    /*! ************************************************ */
    /*! ************************************************ */
    /*! 4/c IFRAMES */
    /*! ************************************************ */
    /*! ************************************************ */

    body.page-PAD-iframe {
        /* padding-top: 2rem; */
    }
    /*! *************************************** */
    /*! 4bis/ PAGE RECHERCHER PAR NUMERO :      */
    /*! *************************************** */

    body.searchNum .searchNum-section {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    body.searchNum .searchNum-section .searchNum-section {
        padding-top: 0;
        padding-bottom: 0
    }

    body.searchNum .frame-portalcarouselwebframefactory.hero {
        background-image: url(images/bg-config.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.searchNum .hero-searchNum {
        padding-top: 0;
        padding-bottom: 0
    }

    body.searchNum .hero-searchNum .hero-searchNum {
        background-image: none;
        background-color: rgba(0, 0, 0, .5);
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }

    body.searchNum #portal .searchNum-section.container {
        margin-left: auto!important;
        margin-right: auto!important
    }
    /*! **************************** */
    /*! 5/ PAGE CONFIGURATION :      */
    /*! **************************** */

    body.configuration h4 {
        font-size: 1rem;
        margin-bottom: 1.325rem;
    }

    body.configuration .frame-portalcarouselwebframefactory.hero {
        background-image: url(images/bg-config.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.configuration .hero-config .hero-config {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    .panel-front.config-section {
        background-color: transparent;
        position: relative
    }

    body.configuration #zone-2 div[id^=frame-208]:nth-of-type(even) {
        background: #f1f1f1
    }

    body.configuration .config-section .config-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.configuration .config-section-1 .config-section-1 {
        background-image: url(images/config-01.png);
        background-repeat: no-repeat;
        background-position: center bottom
    }

    body.configuration .config-section-2 .config-section-2 {
        background-image: url(images/config-02.png);
        background-repeat: no-repeat;
        background-position: center bottom
    }

    body.configuration .config-section-3 .config-section-3 {
        background-image: url(images/config-03.png);
        background-repeat: no-repeat;
        background-position: center bottom
    }

    body.configuration .config-section-4 .config-section-4 {
        background-image: url(images/config-04.png);
        background-repeat: no-repeat;
        background-position: center bottom
    }

    body.configuration .config-section .config-section h2 {
        margin-bottom: 3.125rem
    }

    .config-os,
    .nonValid,
    .valid {
        text-align: center
    }
    /*! S1 config optimale : */

    body.configuration #cookiesConfig {
        clear: both
    }

    body.configuration #cookiesConfig .conseil-bloc.accordeon li {
        padding-top: 2.325rem;
        padding-left: 3.625rem
    }

    body.configuration #cookiesConfig .conseil-bloc.accordeon li i {
        top: 2.325rem
    }
    /*! S2 OS */

    .config-section-2 a.btn {
        text-transform: uppercase;
        padding: 1rem 3rem
    }

    .config-section-2 a.btn+p {
        color: #e99e0f
    }

    .config-section-2 .resultatsAttendus {
        border: 1px solid #78d69a;
        padding: 1rem
    }

    .config-section-2 .resultatsAttendus:hover {
        border: 1px solid #5fa578;
        color: #5fa578;
        padding: 1rem
    }

    .row-OS {
        margin-bottom: 2rem
    }

    .config-os {
        padding: .5rem
    }

    .config-os .conteneurOS {
        background: #fff;
        padding: 1.5rem 0
    }
    /*! S3 guides */

    .guides-config:first-of-type,
    .guides-config:nth-of-type(2) {
        text-align: center
    }
    /*! S4 valid */

    .config-section div.valid {
        margin-bottom: 5.625rem
    }

    .config-section a.valid {
        text-transform: uppercase;
        padding: 1.5rem 4rem;
        font-size: 1.375rem
    }

    .config-section p.valid {
        font-size: 1.325rem
    }

    .config-section .nonValid p a {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 400
    }
    /*! ************************************************ */
    /*! 6/ Decouvrir :                                   */
    /*! ************************************************ */

    body.decouvrir .decouvrir-section .decouvrir-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.decouvrir .hero-decouvrir {
        background-image: url(images/mogwai.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.decouvrir .hero-decouvrir .hero-cta-double p {
        margin: 2rem auto 0!important
    }

    body.decouvrir .decouvrir-section.cta {
        background-image: url(images/mogwai.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }
    }

    body.decouvrir .decouvrir-section.cta .decouvrir-section.cta,
    body.decouvrir .hero-decouvrir .hero-decouvrir {
        background-image: none;
        background-color: rgba(0, 0, 0, .3)
    }

    body.decouvrir h2 {
        margin-bottom: 2rem
    }

    .decouvrir-section ul.promoList {
        margin: 0 auto 2rem
    }

    .decouvrir-section-promo p.slogan {
        text-align: center
    }

    .decouvrir-section-tab .decouvrir-section-tab,
    .decouvrir-section-videopp .decouvrir-section-videopp {
        background: #fff;
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item {
        padding: 1rem
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading {
        position: relative;
        padding: 1rem;
        text-align: center;
        background: #fff;
        min-height: 220px;
        color: #666;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .decouvrir-section-tab-abonne .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading,
    .decouvrir-section-tab-abonne .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading p.type,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading p.type {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        color: #000;
        font-size: 1.125rem;
        font-weight: 700
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading:after,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 25px 0;
        border-color: #fff transparent transparent;
        position: absolute;
        top: 100%;
        left: calc(50% - 25px)
    }

    @media (max-width:767px) {
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item {
            padding: 0;
            margin-top: 2rem
        }
        .cmtCaMarche ul.accordeon>li>ul {
            max-height: 1200px;
        }
    }

    @media (max-width:992px) {
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading,
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading {
            padding: 1rem 0 0
        }
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading::after,
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading::after {
            display: none!important
        }
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading ul.accordeon>li,
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading ul.accordeon>li {
            text-align: center;
            padding: 1rem 1rem 1rem 1rem;
        }
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading ul.accordeon>li li,
        .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading ul.accordeon>li li {
            text-align: center;
            padding: 1rem 0
        }
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading {
        background: #ffd076
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading:after {
        border-color: #ffd076 transparent transparent
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .btn span,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading button.btn-primary span {
        color: #333
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .btn,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading button.btn-primary span {
        padding: 1rem 2rem
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading a.btn-default.btn.btn-free,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading a.btn-default.btn.btn-free:hover {
        background: #f5f5f5!important;
        background-color: #f5f5f5!important
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading .btn-primary,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading .btn-primary:hover {
        background: #fff!important;
        background-color: #fff!important
    }

    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-decouverte-heading a.btn-default.btn.btn-free:hover,
    .decouvrir-section-tab .decouvrir-section-tab .offers-list-heading .offers-item>.conteneur-integrale-heading .btn-primary:hover {
        opacity: .8!important
    }

    .decouvrir-section-tab .decouvrir-section-tab ul.offers-table {
        background: #fff;
        margin-top: .625rem;
        padding: 1rem
    }

    .decouvrir-section-tab .decouvrir-section-tab ul.offers-table li.title {
        text-align: center
    }

    .decouvrir-section-tab .decouvrir-section-tab ul.offers-table h4,
    .decouvrir-section-tab .decouvrir-section-tab ul.offers-table p {
        margin-top: 0;
        line-height: 1.3
    }

    .offers-table .offers-list .offers-item {
        text-align: center
    }

    .offers-table .offers-list .offers-item p.decouverte {
        color: #666;
        margin-bottom: 0px!important;
    }

    .icon-check.integrale {
        color: transparent
    }

    .icon-check::before {
        content: '';
        background: url(images/puce.png) no-repeat center!important;
        width: 50px;
        height: 50px;
        left: 50%
    }

    body.decouvrir ul.accordeon li {
        background-color: #f5f5f5;
        border: 0;
        border-top: 1px solid #e5e5e5
    }

    body.decouvrir ul.accordeon li:nth-of-type(even) {
        background-color: #f1f1f1
    }

    .decouvrir-section.cta .container {
        text-align: center
    }

    .decouvrir-section.cta .container p {
        color: #fff;
        text-align: center;
        margin: 0 auto
    }

    .decouvrir-section.cta h2,
    .decouvrir-section.cta h2 span {
        color: #fff!important
    }
    /*! ************************************************ */
    /*! 6/ TROUVER MEDIATHEQUE ABO :                     */
    /*! ************************************************ */

    body.trouver main #portal>div.layout.row {
        margin-bottom: 0
    }

    body.trouver .trouver-section .trouver-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.trouver .trouver-section .trouver-section-prez {
        background: #f1f1f1
    }

    body.trouver .trouver-section-map .trouver-section-map {
        padding-top: 0;
        padding-bottom: 0
    }

    body.trouver .trouver-section-map .trouver-section-map p {
        margin: 0
    }

    body.trouver .hero-trouver {
        background-image: url(images/map.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.trouver .hero-trouver .hero-trouver {
        background-image: none;
        background-color: rgba(0, 0, 0, .1)
    }

    body.trouver h2 {
        margin-bottom: 2rem
    }
    /*! ************************************************ */
    /*! 7/ DEVENIR MEDIATHEQUE ABO :                     */
    /*! ************************************************ */

    body.devenir .devenir-section .devenir-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.devenir .hero-devenir {
        background-image: url(images/bg-devenir.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.devenir .hero-devenir .hero-devenir {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    body.devenir h2 {
        margin-bottom: 2rem
    }

    .devenir-section ul.promoList {
        margin: 0 auto 2rem
    }

    .devenir-section-cumul .devenir-section-cumul .cumul-container {
        padding-top: 12px
    }

    .devenir-section-cumul .devenir-section-cumul .cumul-container>div:first-of-type {
        margin-bottom: 2rem
    }

    body.devenir .devenir-section-accesDomicile .devenir-section-accesDomicile {
        padding-bottom: 0
    }

    body.devenir .devenir-section-accesDomicile .devenir-section-accesDomicile div.row:last-of-type {
        margin-bottom: 0
    }

    body.devenir .devenir-section-sso .devenir-section-sso {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    body.devenir .devenir-section-sso .devenir-section-sso h3 {
        margin-bottom: 2rem
    }

    body.devenir .devenir-section-sso .devenir-section-sso ul.accordeon li {
        background: #eee;
    }

    .devenir-section-accesDomicile .devenir-section-accesDomicile,
    .devenir-section-proj .devenir-section-proj,
    .devenir-section-promo .devenir-section-promo {
        background: #fff
    }

    .devenir-section-cumul .devenir-section-cumul,
    .devenir-section-sso .devenir-section-sso,
    .devenir-section-techCom .devenir-section-techCom {
        background: #f5f5f5
    }

    .devenir-section-accesDomicile .devenir-section-accesDomicile {
        background-image: url(images/config-01.png);
        background-repeat: no-repeat;
        background-position: 70% bottom
    }

    .devenir-section-proj .devenir-section-proj {
        background-image: url(images/devenir-02-blanc.png);
        background-repeat: no-repeat;
        background-position: 50% bottom
    }

    .devenir-section-test {
        background-image: url(images/bg-devenir.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        color: #fff
    }

    .devenir-section-test .devenir-section-test {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    .devenir-section-test .devenir-section-test h4,
    .devenir-section-test .devenir-section-test p,
    .devenir-section-test .devenir-section-test span {
        color: #fff
    }

    .devenir-section-techCom .devenir-section-techCom .tech-container {
        margin-bottom: 2rem
    }

    .devenir-section-techCom .devenir-section-techCom .cgu-link {
        margin-top: 2rem;
        margin-bottom: 0rem;
    }

    .devenir-section-techCom .devenir-section-techCom .cgu-link p {
        text-align: center;
    }

    @media (min-width:992px) {
        .conteneur-2sso,
        .devenir-section-proj .devenir-section-proj .panel-body .rsItem .row,
        .row.conteneur-tabAndText {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center
        }
    }
    /*! tablooo */

    .rg-container {
        font-family: 'Source Sans Pro', SourceSansPro, Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.4;
        margin: 0;
        padding: 0 .5rem 1rem;
        color: #1a1a1a
    }

    .rg-header {
        display: none;
        margin-bottom: 1rem
    }

    .rg-hed {
        font-weight: 700;
        font-size: 1.4rem
    }

    .rg-dek {
        font-size: 1rem
    }

    .rg-source-and-credit {
        width: 100%;
        overflow: hidden
    }

    .rg-source {
        margin: 0;
        float: left;
        font-weight: 700;
        font-size: .75rem
    }

    .rg-source .pre-colon {
        text-transform: uppercase
    }
    /*! table */

    table.rg-table {
        width: 100%;
        font-size: 1rem;
        border-collapse: collapse;
        border-spacing: 0
    }

    table.rg-table * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
        text-align: left;
        color: #333
    }

    table.rg-table thead {
        border-bottom: 1px solid #ddd
    }

    table.rg-table tr {
        border-bottom: 2px solid #fff;
        color: #000;
    }

    table.rg-table tr.highlight,
    table.rg-table.zebra tr:nth-child(even) {
        background: #efefef
    }

    table.rg-table th {
        font-weight: 700;
        padding: .35rem;
        font-size: .9rem
    }

    table.rg-table .highlight td {
        font-weight: 700
    }

    table.rg-table th.number,
    td.number {
        text-align: right
    }

    @media screen and (max-width:240px) {
        .rg-container {
            max-width: 240px;
            margin: 0 auto
        }
        table.rg-table {
            display: block;
            width: 100%
        }
        table.rg-table td.hide-mobile,
        table.rg-table th.hide-mobile,
        table.rg-table thead,
        table.rg-table tr.hide-mobile {
            display: none
        }
        table.rg-table tbody {
            display: block;
            width: 100%
        }
        table.rg-table td,
        table.rg-table th,
        table.rg-table tr {
            display: block;
            padding: 0
        }
        table.rg-table tr {
            border-bottom: none;
            margin: 0 0 1rem;
            padding: .5rem 0
        }
        table.rg-table tr.highlight,
        table.rg-table.zebra tr:nth-child(even) {
            background: 0 0
        }
        table.rg-table.zebra td:nth-child(even) {
            background: #efefef
        }
        table.rg-table tr:nth-child(even) {
            background: 0 0
        }
        table.rg-table td {
            padding: .5rem 0 .25rem;
            border-bottom: 1px dotted #ccc;
            text-align: right
        }
        table.rg-table td[data-title]:before {
            font-weight: 700;
            display: inline-block;
            content: attr(data-title);
            float: left;
            margin-right: .5rem;
            font-size: .95rem
        }
        table.rg-table td:last-child {
            padding-right: 0;
            border-bottom: 2px solid #ccc
        }
        table.rg-table td:empty {
            display: none
        }
        table.rg-table .highlight td {
            background: 0 0
        }
    }

    table.rg-table td {
        padding: .5rem .625rem;
        font-size: .825rem;
        text-align: center
    }

    .rg-container .rg-content {
        /*    border: 1px solid #ffd076*/
    }

    .rg-container .rg-content thead {
        background: #fff;
    }

    .rg-container .rg-content thead>tr>th.text {
        font-weight: 700;
        padding: 1.625rem 1rem 1rem;
        font-size: .825rem;
        text-transform: uppercase;
        font-family: 'Philharmonique Regular', sans-serif;
        font-weight: 700;
        min-width: 30%;
        text-align: center;
    }

    .rg-container .rg-content thead>tr>th.text .detail {
        font-weight: normal;
        font-size: .825rem;
        text-transform: none;
        display: block;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        color: #000!important;
        text-align: center;
    }

    .rg-container .rg-content thead>tr>th.text:nth-child(2) {
        background: #eee;
        max-width: 220px;
        border-right: 2px solid #fff;
    }

    .rg-container .rg-content td[data-title^="Redevances"] {
        background: rgba(255, 208, 118, 0.4);
    }

    .rg-container .rg-content thead>tr>th.text:nth-child(3) {
        background: rgba(255, 208, 118, 0.6);
    }

    .rg-container .rg-content tbody {
        background: #fff
    }

    .rg-container .rg-content td[data-title="Nombre d"] {
        background: #f5f5f5;
        border-right: 2px solid #fff;
    }

    .rg-container .rg-content td[data-title="Nombres d"] {
        color: #999;
    }

    .rg-container .rg-content td[data-title="Nombres d"],
    .rg-container .rg-content thead th.text:first-of-type {
        border-bottom: 2px solid #f5f5f5;
    }

    .rg-container .rg-table tbody tr:last-of-type td:first-of-type {
        border-bottom: 0;
    }
    /*! tableau video-proj */

    .devenir-section-proj .rg-container .rg-content thead>tr>th.text:nth-child(1),
    .devenir-section-proj .rg-container .rg-content thead>tr>th.text:nth-child(3) {
        background: #eee;
        border-bottom: #fff;
        border-right: 2px solid #fff;
    }

    .devenir-section-proj .rg-container .rg-content thead>tr>th.text:nth-child(2) {
        background: rgba(255, 208, 118, 0.6);
    }

    .devenir-section-proj .rg-container .rg-content td[data-title^="Nombre d"] {
        background: #f5f5f5;
        border-bottom: #fff;
        border-right: 2px solid #fff;
    }

    .devenir-section-proj .rg-container .rg-content td[data-title^="Tarif"] {
        background: rgba(255, 208, 118, 0.4);
    }
    /*! /tablooo */
    /*! ************************************************ */
    /*! 8/ AUTHENTIFICATION ET RECHERCHE FEDEREE :       */
    /*! ************************************************ */

    body.auth div.frame.frame-portalcarouselwebframefactory.auth-section>div.frame-standard.panel.panel-front.webframe-ermes-carousel.auth-section {
        padding-top: 3.125rem!important;
        padding-bottom: 3.125rem!important
    }

    body.auth h3 {
        margin-bottom: 3.125rem
    }

    body.auth h4 {
        margin-bottom: 1.825rem
    }

    body.auth .hero-auth {
        background-image: url(images/bg-authentification.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.auth .hero-auth .hero-auth {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }
    /*! sommaire page authentification */
    /*! sommaire big */

    body.auth .sso-sommaire-conteneur {
        position: relative
    }

    body.auth .sso-sommaire-big {
        max-height: 500px;
        overflow: hidden
    }

    body.auth .sso-sommaire-big>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    body.auth .sso-sommaire-item {
        background: rgba(255, 255, 255, 1);
        border: 1px solid #ccc;
        height: 410px;
        overflow: hidden
    }

    body.auth .sso-sommaire-item.on {
        background: rgba(255, 255, 255, 0)url(images/bg-menu-type.jpg) no-repeat left;
        border: 1px solid #ccc;
        background-size: cover
    }

    body.auth .sso-sommaire-item1.on {
        background-position: left
    }

    body.auth .sso-sommaire-item2.on {
        background-position: right
    }

    body.auth .sso-sommaire--conteneurDetails {
        overflow: hidden;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        -webkit-transform: translateY(15%);
        -ms-transform: translateY(15%);
        transform: translateY(15%)
    }

    body.auth .sso-sommaire-item.on .sso-sommaire--conteneurDetails {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    body.auth .sso-sommaire-item .sso-sommaire--conteneurDetails {
        padding-right: 2rem;
        padding-left: 2rem;
        height: 100%;
        display: block;
        padding-top: 2rem
    }

    body.auth .sso-sommaire-big .sso-sommaire--conteneurDetails>img {
        display: block;
        margin: 0 auto
    }

    body.auth .sso-sommaire-item.on .sso-sommaire--conteneurDetails .sso-sommaire--titre {
        text-align: left
    }

    body.auth .sso-sommaire-big .sso-sommaire--titre {
        text-transform: uppercase;
        font-weight: 700;
        opacity: .5;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        text-align: center
    }

    body.auth .sso-sommaire-big .sso-sommaire--btn,
    body.auth .sso-sommaire-big .sso-sommaire--desc {
        opacity: 0;
        display: none;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out
    }

    body.auth .sso-sommaire-big a.sso-sommaire--btn {
        margin-top: 1rem;
        background: #ffd076!important
    }

    body.auth .sso-sommaire-big a.sso-sommaire--btn:hover {
        margin-top: 1rem;
        background: #ffbd70!important
    }

    body.auth .sso-sommaire-big .sso-sommaire-item.on .sso-sommaire--conteneurDetails .icon-cloud {
        opacity: 0;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        display: none
    }

    body.auth .sso-sommaire-big .sso-sommaire-item.on .sso-sommaire--conteneurDetails .sso-sommaire--btn,
    body.auth .sso-sommaire-big .sso-sommaire-item.on .sso-sommaire--conteneurDetails .sso-sommaire--desc,
    body.auth .sso-sommaire-big .sso-sommaire-item.on .sso-sommaire--conteneurDetails .sso-sommaire--titre {
        display: block;
        opacity: 1
    }
    /*! sommaire small */

    body.auth nav.sso-sommaire-small {
        border: 3px solid #ffd076;
        padding: 1.625rem;
        position: absolute;
        top: 15%;
        left: 33.3%;
        background: #fff
    }

    body.auth nav.sso-sommaire-small a {
        text-align: center;
        color: #333!important;
        background: #f5f5f5;
        padding: .5rem 1rem;
        margin-top: .325rem
    }

    body.auth nav.sso-sommaire-small a:hover {
        background: #f1f1f1
    }
    /*!  / sommaire small */

    body.auth .auth-section-sso-ico .auth-section-sso-ico {
        padding: 0
    }

    body.auth .auth-section-search-prez .auth-section-search-prez,
    body.auth .auth-section-sso-prez .auth-section-sso-prez {
        background: #f5f5f5
    }

    body.auth #sso-article .row.conteneur-fonctionnement>div:first-of-type {
        padding-right: 3.125rem
    }

    .row.conteneur-sso-prez>div>img,
    body.auth #sso-article .row.conteneur-fonctionnement>div img,
    body.auth .auth-section-search-prez .row.conteneur-search-prez>div img {
        width: 100%
    }

    .row.conteneur-sso-prez>div>img {
        margin-top: 2rem
    }

    @media (min-width:576px) {
        body.auth .row.conteneur-solutions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-line-pack: stretch;
            -webkit-align-content: stretch;
            align-content: stretch
        }
    }

    body.auth .row.conteneur-solutions .sso-assa,
    body.auth .row.conteneur-solutions .sso-cas {
        border: 1px solid #ccc;
        padding: 1rem 2rem
    }

    .conteneur-mep {
        background: #f5f5f5;
        padding: 3.125rem 0
    }

    body.auth .row.conteneur-etapes .form-etape1 {
        background: #f5f5f5
    }

    body.auth .row.conteneur-etapes .form-etape1,
    body.auth .row.conteneur-etapes .form-etape2 {
        border: 1px solid #ccc;
        padding: 1rem 2rem
    }

    body.auth .auth-section-search-prez .auth-section-search-prez p {
        margin-top: 0
    }

    body.auth .row.conteneur-search-prez>div:last-of-type {
        padding-left: 3.125rem
    }
    /*! tableau auth */

    .tab-fed-search {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%
    }

    .tab-fed-search td {
        font-family: Arial, sans-serif;
        font-size: .825rem;
        padding: 20px;
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
        overflow: hidden;
        word-break: normal
    }

    .tab-fed-search th {
        font-family: Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 20px;
        border-style: solid;
        border-width: 1px;
        border-color: #aaa;
        overflow: hidden;
        word-break: normal;
        background: #f5f5f5
    }

    .tab-fed-search .tab-fed-search-yw4l {
        vertical-align: top
    }
    /*!  / tableau auth */

    @media (max-width:991px) {
        /*! sommaire small responsive*/
        body.auth nav.sso-sommaire-small {
            border: 3px solid #ffd076;
            padding: 1.625rem;
            position: static;
            background: #fff
        }
        body.auth nav.sso-sommaire-small a {
            text-align: center;
            color: #333!important;
            background: #f5f5f5;
            padding: .5rem 1rem;
            margin-top: .325rem
        }
        body.auth nav.sso-sommaire-small a:hover {
            background: #f1f1f1
        }
        body.auth .row.conteneur-etapes .form-etape1 {
            border-bottom: 0;
            padding-bottom: 0
        }
        body.auth .row.conteneur-etapes .form-etape1 p {
            margin-bottom: 0
        }
        body.auth .row.conteneur-etapes .form-etape2 {
            padding-top: 2rem;
            border-top: 0;
            background: url(images/icon-triangle-bas.png) no-repeat left top;
            background-size: contain
        }
        body.auth .auth-section-search-prez .auth-section-search-prez,
        body.auth .auth-section-sso-prez .auth-section-sso-prez {
            padding-bottom: 0
        }
        body.auth .auth-section-search-prez .auth-section-search-prez {
            padding-top: 0
        }
        body.auth .auth-section-search-prez .conteneur-search-prez>div {
            padding-left: 0
        }
        body.auth .auth-section-search-prez .conteneur-search-prez img {
            margin-bottom: 2rem
        }
    }

    @media (min-width:992px) {
        body.auth .auth-section-sso-prez .auth-section-sso-prez {
            background: #f5f5f5 url(images/femme-ecoute-musique-telephone-big.jpg) no-repeat right center;
            background-clip: padding-box;
            background-size: 50%
        }
        body.auth .auth-section-search-prez .auth-section-search-prez {
            background: #f5f5f5 url(images/recherche-federee-big.jpg) no-repeat left top;
            background-clip: padding-box;
            background-size: 50%
        }
        body.auth .row.conteneur-etapes {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-line-pack: stretch;
            -webkit-align-content: stretch;
            align-content: stretch
        }
        body.auth .row.conteneur-etapes .form-etape1 {
            padding-bottom: 0;
            border-right: #f5f5f5
        }
        body.auth .row.conteneur-etapes .form-etape2 {
            padding-left: 3rem;
            border-left: #f5f5f5;
            background: url(images/icon-triangle-droite.png) no-repeat left top;
            background-size: contain
        }
    }

    @media (min-width:1650px) {
        body.auth .auth-section-sso-prez .auth-section-sso-prez {
            background: #f5f5f5 url(images/femme-ecoute-musique-telephone.jpg) no-repeat right center;
            background-clip: padding-box;
            background-size: 50%
        }
        body.auth .auth-section-search-prez .auth-section-search-prez {
            background: #f5f5f5 url(images/recherche-federee.jpg) no-repeat left top;
            background-clip: padding-box;
            background-size: 50%
        }
    }
    /*! end : 8/ AUTHENTIFICATION ET RECHERCHE FEDEREE : */
    /*! ************************************************ */
    /*! 10/ FAQ :                                        */
    /*! ************************************************ */

    body.faq .faq-section .faq-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.faq .hero-faq {
        background-image: url(images/bg-faq.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.faq .hero-faq .hero-faq {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    body.faq h2 {
        margin-bottom: 2rem
    }

    .transition,
    ul.accordeon li i:after,
    ul.accordeon li i:before,
    ul.accordeon p {
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out
    }

    .flipIn,
    ul.accordeon li {
        -webkit-animation: flipdown .5s ease both;
        animation: flipdown .5s ease both
    }
    /* .no-select,
h2 {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
 */

    body.faq ul.accordeon .li {
        background-color: #f1f1f1;
        border: 0
    }

    body.faq ul.accordeon .li:nth-of-type(even) {
        background-color: #fff
    }

    ul.accordeon h4 {
        font-size: 1rem;
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        font-weight: 400;
        line-height: 1.325;
        display: block;
        background-color: transparent;
        color: #333;
        margin: 0;
        cursor: pointer
    }

    ul.accordeon p,
    ul.accordeon>li>ul {
        color: rgba(48, 69, 92, .8);
        font-size: 1rem;
        line-height: 1.625;
        position: relative;
        overflow: hidden;
        max-height: 1200px;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-top: 14px;
        z-index: 2
    }

    ul.accordeon {
        list-style: none;
        -webkit-perspective: 900px;
        perspective: 900px;
        padding: 0;
        margin: 0
    }

    ul.accordeon li {
        position: relative;
        padding: 0 2rem;
        margin: 0;
        padding-bottom: 4px;
        padding-top: 18px;
        border-top: 1px dotted #dce7eb;
        background-color: #f5f5f5
    }

    ul.accordeon li:nth-of-type(even) {
        background-color: #fff
    }

    ul.accordeon li:nth-of-type(1) {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    ul.accordeon li:nth-of-type(2) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    ul.accordeon li:nth-of-type(3) {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    ul.accordeon li i {
        position: absolute;
        right: 2rem;
        top: 1.325rem;
        color: transparent
    }

    body.aides ul.accordeon li i {
        top: -4.1rem!important;
    }

    ul.accordeon li i:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 8px 0;
        border-color: #ffcf76 transparent transparent;
        border-color: #000 transparent transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: .65;
        top: 92px;
    }

    ul.accordeon li input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0
    }

    ul.accordeon li p a {
        display: inline-block
    }

    @media (max-width:550px) {
        ul.accordeon li i {
            position: absolute;
            right: 2rem;
            bottom: 1rem;
            color: transparent
        }
        .cmtCaMarche ul.accordeon>li>ul {
            max-height: 1200px;
        }
    }

    @-webkit-keyframes flipdown {
        0% {
            opacity: 0;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg)
        }
        5% {
            opacity: 1
        }
        80% {
            -webkit-transform: rotateX(8deg);
            transform: rotateX(8deg)
        }
        83% {
            -webkit-transform: rotateX(6deg);
            transform: rotateX(6deg)
        }
        92% {
            -webkit-transform: rotateX(-3deg);
            transform: rotateX(-3deg)
        }
        100% {
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
    }

    @keyframes flipdown {
        0% {
            opacity: 0;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg)
        }
        5% {
            opacity: 1
        }
        80% {
            -webkit-transform: rotateX(8deg);
            transform: rotateX(8deg)
        }
        83% {
            -webkit-transform: rotateX(6deg);
            transform: rotateX(6deg)
        }
        92% {
            -webkit-transform: rotateX(-3deg);
            transform: rotateX(-3deg)
        }
        100% {
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg)
        }
    }
    /*! 11/ MODE D'EMPLOI : */

    body.modedemploi .admin-pad-mode-emploi #carousel-ID0EDAAA {
        max-width: initial !important;
    }

    body.modedemploi .modedemploi-section .modedemploi-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.modedemploi .modedemploi-section-form .modedemploi-section-form,
    body.modedemploi .modedemploi-section-modifUser .modedemploi-section-modifUser {
        padding-top: 3.125rem;
        padding-bottom: 0
    }

    body.modedemploi .modedemploi-section-modifUser-tab .modedemploi-section-modifUser-tab,
    body.modedemploi .modedemploi-section-sso .modedemploi-section-sso {
        padding-top: 2.125rem;
        padding-bottom: 0
    }

    body.colloque-appr-collectifs .hero-colloque-appr-collectif {
        background-image: url(images/colloque-apprentissage-collectif.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-appr-collectifs.metier-orchestre .hero-colloque-appr-collectif {
        background-image: url(images/colloques/metier-orchestre.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-appr-collectifs.metier-orchestre.marche-chine .hero-colloque-appr-collectif {
        background-image: url(images/colloques/philharmonie_concert_nouvel-an-chinois_2018_by_william-beaucardet.jpeg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-appr-collectifs.metier-orchestre.marche-chine .hero-colloque-appr-collectif .hero-colloque-appr-collectif {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.colloque-model .hero-colloque-chansons-et-engagements {
        background-image: url(images/colloques/chansons-et-engagements/Renaud-by-David-Sechan.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .hero-colloque-chansons-et-engagements .hero-colloque-chansons-et-engagements {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.colloque-model .hero-colloque-mahler-interprete {
        background-image: url(images/colloques/mahler-interprete/gustav-mahler-by-giancarlo-costa.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .hero-colloque-mahler-interprete .hero-colloque-mahler-interprete {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.colloque-model .hero-colloque-pierre-boulez {
        background-image: url(images/colloques/pierre-boulez/pierre-boulez.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .hero-colloque-pierre-boulez .hero-colloque-pierre-boulez {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.colloque-model .hero-engagement-social-culturel-musicien {
        background-image: url(images/colloques/engagement-social-culturel-musicien/Parcours-Decouverte-Atelier-Tambour-by-Gil-Lefauconnier.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .cl-hero-colloque-chant-choral {
        background: linear-gradient( rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0.2)100%), url(images/colloques/pedagogie-chant-choral/Projet-EVE-by-Gil-Lefauconnier-10.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .cl-hero-colloque-cultures-hip-hop {
        background-image: url(images/colloques/cultures-hip-hop/air-max.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .cl-hero-colloque-la-spoliation-des-instruments-de-musique-en-europe-1933-1945 {
        background-image: url(images/colloques/spoliation-des-instruments-de-musique-en-europe-1933-1945/spoliation_image.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.colloque-model .cl-overlay:not(.webframe-ermes-carousel):first-child {
        position: relative;
    }

    body.colloque-model .cl-overlay:not(.webframe-ermes-carousel):first-child::before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: rgba(0, 0, 0, .4);
        z-index: 0;
    }

    body.colloque-model .cl-overlay .panel-body {
        z-index: 1;
        position: relative;
    }

    .frame-standard.panel.panel-front.webframe-ermes-carousel.hip-hop.hero.cl-hero-colloque-cultures-hip-hop.cl-overlay,
    .frame-standard.panel.panel-front.webframe-ermes-carousel.hip-hop.hero.cl-hero-colloque-cultures-hip-hop.cl-overlay * {
        z-index: 1;
    }

    body.colloque-model .hero-engagement-social-culturel-musicien .hero-engagement-social-culturel-musicien {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.colloque-appr-collectifs .hero-colloque-appr-collectif .hero-colloque-appr-collectif {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.modedemploi .hero-modedemploi {
        background-image: url(images/mode-d-emploi/orgue.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.modedemploi .hero-modedemploi .hero-modedemploi {
        background-image: none;
        background-color: rgba(0, 0, 0, .3)
    }

    body.modedemploi .cta {
        background-image: url(images/mode-d-emploi/orgue.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover
    }

    body.modedemploi .cta .cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    body.modedemploi .modedemploi-section .container {
        margin-bottom: 2.125rem
    }

    body.modedemploi .modedemploi-section .modedemploi-section-user-prez {
        padding-bottom: 0;
        padding-top: 0
    }
    /*! sommaire */

    .modedemploi-sommaire ul li ul {
        margin-left: 1.625rem
    }

    .modedemploi-sommaire>ul>li {
        list-style-type: none!important
    }

    .modedemploi-sommaire>ul>li:first-of-type {
        margin-bottom: 1rem
    }

    .modedemploi-sommaire>ul>li>a {
        font-family: 'Philharmonique Regular', sans-serif;
        padding: .5rem 1.625rem;
        text-transform: uppercase;
        background: #f5f5f5;
        margin-bottom: .5rem
    }

    .modedemploi-sommaire ul li a {
        color: #000!important;
        line-height: 2
    }

    .modedemploi-sommaire ul li a:hover {
        color: #1675e1!important
    }

    .modedemploi-sommaire>ul>li>a:hover {
        background: #ddd;
        color: #000!important
    }

    .modedemploi-sommaire ul li ul li {
        font-weight: 600
    }

    .modedemploi-sommaire ul li ul li li {
        font-weight: 400
    }
    /*! gerer vos utilisateurs */

    .modedemploi-section-user-prez ul {
        padding-left: 2rem
    }

    .modedemploi-section-user-prez li {
        list-style-type: square!important
    }

    .modedemploi-section-sso img {
        margin: 1.625rem auto
    }

    .modedemploi-section-sso .conseil-bloc {
        margin-top: 1.625rem
    }

    .modedemploi-section-sso .accordeon a.btn {
        margin-top: 1rem
    }

    .modedemploi-section-form .modedemploi-section-form {
        background: #f5f5f5
    }

    .modedemploi-section-form .form-etape {
        background: #fff;
        padding: 1rem 3rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 1px solid #ccc
    }

    .modedemploi-section-form .form-etape h4 {
        text-align: center
    }

    .modedemploi-section-form .form-etape a.btn.btn-neutre {
        margin: 1rem auto 0;
        padding: .5rem;
        width: auto;
        display: block;
        max-width: 150px
    }

    .modedemploi-section-form .form-etape a.btn.btn-neutre:hover {
        background: #ddd!important;
        background-color: #ddd!important
    }

    .modedemploi-section-form .form-etape .detailEtape {
        display: none
    }

    .modedemploi-section-form .form-etape.in .detailEtape {
        display: block!important;
        margin-top: 1rem
    }

    .triangle-bas {
        clear: both;
        display: block;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-style: solid;
        border-width: 25px 50px 0;
        border-color: #fff transparent transparent;
        color: transparent!important
    }

    .img-modedemploi
    /* body.modedemploi img  */

    {
        padding: 1rem;
        border: 1px solid #ccc
    }

    body.modedemploi .topBarContainer img,
    body.modedemploi img[alt="picto sso cloud"] {
        border: 0;
        padding: 0
    }
    /*! tableau avec onglets */

    #tabs {
        overflow: hidden;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    #tabs li {
        float: left;
        margin: 0 .5em 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

    #tabs a {
        position: relative;
        background: #f5f5f5;
        padding: .7em 3.5em;
        float: left;
        text-decoration: none;
        color: #000!important;
        font-weight: 700;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
        width: 100%;
        text-align: center
    }

    #tabs a:focus,
    #tabs a:focus::after,
    #tabs a:hover,
    #tabs a:hover::after {
        background: #ddd
    }

    #tabs a:focus {
        /*    outline: 0*/
    }

    #tabs #current a,
    #tabs #current a::after {
        background: #fff;
        z-index: 3;
        border-top: 1px solid #ccc!important;
        border-left: 1px solid #f5f5f5!important
    }

    #contentab {
        background: #fff;
        padding: 2em;
        height: auto;
        position: relative;
        z-index: 2;
        border-bottom: 1px solid #eee;
        box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5)
    }

    body.modedemploi .row.conteneur-etapes {
        border: 1px solid #ccc
    }

    .modedemploi-section-accesUser .conseil-bloc.accordeon h4 {
        padding-right: 3rem
    }

    .modedemploi-section-accesUser .conseil-bloc.accordeon p {
        padding-left: 1rem
    }

    .modedemploi-section-accesUser .conseil-bloc.accordeon img {
        border: 0
    }

    @media (max-width:767px) {
        body.modedemploi .row.conteneur-etapes>div {
            padding: 2rem 3rem
        }
        body.modedemploi .row.conteneur-etapes>div:first-of-type {
            border-right: #f5f5f5;
            background: #f5f5f5
        }
        body.modedemploi .row.conteneur-etapes>div:nth-of-type(2) {
            padding-left: 3rem;
            border-left: #f5f5f5;
            background: url(images/icon-triangle-bas.png) no-repeat left top;
            background-size: contain
        }
        body.modedemploi .row.conteneur-etapes>div:nth-of-type(3) {
            padding-left: 3rem;
            border-left: #f5f5f5;
            background: #f5f5f5 url(images/icon-triangle-bas_blanc.png) no-repeat left top;
            background-size: contain
        }
    }

    @media (max-width:991px) {
        body.modedemploi .modedemploi-section-user-prez .modedemploi-section-user-prez {
            background: 0 0
        }
        body.modedemploi .modedemploi-section-user-prez .conteneur-user-prez>div {
            padding-left: 0
        }
        body.modedemploi .modedemploi-section-user-prez .conteneur-user-prez img {
            margin-bottom: 2rem
        }
        body.modedemploi .row.conteneur-user-prez>div:last-of-type {
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width:768px) {
        body.modedemploi .row.conteneur-etapes {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-line-pack: stretch;
            -webkit-align-content: stretch;
            align-content: stretch;
            width: 100%;
            margin-bottom: 2.125rem!important
        }
        body.modedemploi .row.conteneur-etapes>div {
            padding: 2rem;
            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: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            text-align: left
        }
        body.modedemploi .row.conteneur-etapes>div:first-of-type {
            border-right: #f5f5f5;
            background: #f5f5f5
        }
        body.modedemploi .row.conteneur-etapes>div:nth-of-type(2) {
            padding-left: 3rem;
            border-left: #f5f5f5;
            background: url(images/icon-triangle-droite.png) no-repeat left top;
            background-size: contain
        }
        body.modedemploi .row.conteneur-etapes>div:nth-of-type(3) {
            padding-left: 3rem;
            border-left: #f5f5f5;
            background: #f5f5f5 url(images/icon-triangle-droite_blanc.png) no-repeat left top;
            background-size: contain
        }
    }

    @media (min-width:992px) {
        body.modedemploi .modedemploi-section-sso .modedemploi-section-sso .row>div:last-of-type {
            padding-left: 2rem
        }
        body.modedemploi .modedemploi-section-user-prez .modedemploi-section-user-prez .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex
        }
        body.modedemploi .modedemploi-section-user-prez .modedemploi-section-user-prez .row.conteneur-user-prez {
            margin-bottom: 0
        }
        .row.conteneur-modifUser {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch
        }
        .row.conteneur-modifUser>div:last-of-type {
            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;
            padding-left: 2rem
        }
    }
    /*! ******** fin : mode d'emploi ********** */
    /*! ************************************************ */
    /*! 12/ CGU : */
    /*! ************************************************ */

    body.cgu-usager .cgu-usager-section .cgu-usager-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.cgu-usager .hero-cgu-usager {
        background-image: url(images/bg-cgu.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.cgu-usager .hero-cgu-usager .hero-cgu-usager {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }
    /*! ************************************************ */
    /*! 13/ DEVIS : */
    /*! ************************************************ */

    body.devis .devis-section .devis-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.devis .devis-section .devis-section-intro {
        padding-top: 5.625rem;
        padding-bottom: 0
    }

    body.devis .hero-devis {
        background-image: url(images/bg-devis.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.devis .hero-devis .hero-devis {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }
    /*! ************************************************ */
    /*! 14/ ACCES TEST : */
    /*! ************************************************ */

    body.accesTest .accesTest-section .accesTest-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.accesTest .hero-accesTest {
        background-image: url(images/bg-acces-test.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.accesTest .hero-accesTest .hero-accesTest {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }
    /*! ************************************************ */
    /*! 15/ CONFERENCES EN LIGNE : */
    /*! ************************************************ */

    body.conference #page #portal .conference-section .conference-section.conference-section-prez {
        padding-right: 10%;
    }

    body.conference #page #portal .conference-section .conference-section.conference-section-liste {
        padding-top: 0;
    }
    /*! page player conference */

    #frame-21183 {
        padding-top: 2rem
    }

    .conf-mosaique-1 h2,
    .conf-mosaique-1 h4 {
        font-family: 'Philharmonique SemiBold';
        text-transform: uppercase;
        color: #000
    }

    .conf-mosaique-1 h2 {
        text-transform: uppercase;
        font-size: 1.714em;
        margin: 30px 0 40px;
        font-weight: 400;
        background: url(images/h2.png) repeat-x scroll left center rgba(0, 0, 0, 0)
    }

    .conference h2 span {
        background: none repeat scroll 0 0 #fff;
        padding-right: 5px
    }

    .conf-mosaique-1 h4 {
        font-weight: 400;
        font-size: 1.11em
    }

    .conf-mosaique-1 #tit-conf {
        margin: 0
    }

    .conf-mosaique-1 p {
        color: #808285;
        text-align: left;
        font-size: 1.05em
    }

    .conference p.date-conf {
        margin-top: 0;
        font-size: .825em;
        color: #000;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif
    }

    .conf-mosaique-1 p.genre-conf {
        width: 96%;
        float: left;
        font-size: 1.45em;
        text-transform: uppercase;
        color: #777;
        font-family: 'Philharmonique SemiBold';
        margin-left: 8px;
        padding: 5px 0
    }

    .conf-mosaique-1 p.genre-conf-esp {
        margin-top: -20px
    }

    .conference a.conf-droite,
    .content-modele a.conf-droite {
        float: right;
        padding: 6px 12px;
        background-color: #ffd076;
        color: #000!important
    }

    .conference a.btn-plus-bl {
        background-color: transparent;
        padding: 6px 8px;
        color: #000;
        margin-left: 10px
    }

    .conf-mosaique-1 div {
        width: 24.5%;
        height: 485px;
        float: left;
        padding: 3px;
        box-sizing: border-box;
        border: 1px solid #EBEBEB;
        margin: 2px
    }

    .conf-mosaique-1 .conf-display-short div {
        width: 24.5%;
        height: 390px;
        float: left;
        padding: 3px;
        box-sizing: border-box;
        border: 1px solid #EBEBEB;
        margin: 2px
    }

    div.conf-content {
        margin: 8px;
        width: 96%;
        height: 190px;
        margin-top: -15px;
        border: none
    }

    .conf-mosaique-1 img {
        width: 100%;
        border: none
    }

    .conf-mosaique-1 .conf-display-short div.conf-content {
        height: 100px;
        margin: 8px;
        width: 96%;
        margin-top: -15px;
        border: none
    }

    .conf-display-short {
        overflow: inherit!important;
        display: block
    }

    .conference-section-list .conf-mosaique-1 .detail {
        float: left
    }

    @media screen and (min-width:640px) and (max-width:1024px) {
        .conf-mosaique-1 .conf-display-short div,
        .conf-mosaique-1 div {
            width: 48%;
            height: auto;
            float: left;
            margin: 3px 3px 20px;
            box-sizing: border-box
        }
        .conf-mosaique-1,
        div.conf-content {
            margin: 8px;
            width: 95%;
            height: 170px;
            margin-top: 0;
            border: none
        }
    }

    @media screen and (min-width:640px) and (max-width:1024px) {
        .conf-mosaique-1 .conf-display-short div.conf-content {
            margin: 8px;
            width: 95%;
            height: 170px;
            margin-top: 0;
            border: none
        }
    }

    @media screen and (min-width:200px) and (max-width:639px) {
        .conf-mosaique-1 div {
            width: 90%;
            height: auto;
            float: left;
            margin: 3px;
            margin-bottom: 25px
        }
        .conf-mosaique-1 img {
            width: 90%
        }
        .conf-mosaique-1 .conf-display-short div {
            width: 90%;
            height: auto;
            float: left;
            margin: 3px;
            margin-bottom: 25px
        }
        .conf-mosaique-1 .conf-display-short div.conf-content,
        div.conf-content {
            margin: 8px;
            width: 90%;
            height: auto;
            margin-top: -15px;
            border: none
        }
        .conf-mosaique-1 a.btn-plus-bl {
            margin-left: 8px;
            float: left;
            margin-bottom: 10px
        }
    }

    .fleche img,
    .fleche_close img {
        max-width: 35px
    }

    .fleche,
    .fleche_close {
        float: right;
        cursor: pointer;
        width: 2rem;
        height: 2rem
    }

    .fleche-60 {
        margin-top: -70px
    }

    .fleche-gradient {
        margin-top: -135px
    }

    .conf-mosaique-1 p.gradient_conferences-1 {
        display: none;
        float: left;
        width: 100%;
        height: 85px;
        margin-top: -85px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(45%, rgba(255, 255, 255, 1))) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0)0, rgba(255, 255, 255, 1)45%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0)0, rgba(255, 255, 255, 1)45%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0)0, rgba(255, 255, 255, 1)45%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0)0, rgba(255, 255, 255, 1)45%) repeat scroll 0 0 rgba(0, 0, 0, 0)
    }

    body.conference .hero-conference {
        background-image: url(images/philharmoniedeparis-conference-ph-jacob.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.conference .hero-conference .hero-conference {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    body.conference .conference-section .conference-section {
        /*
    padding-top: 5.625rem;
    padding-bottom: 5.625rem;
*/
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    body.conference .conference-section-prez .conference-section-prez {
        /*    padding-top: 5.625rem;*/
        padding-bottom: 0!important
    }
    /*! declencheur ouverture accordeon : afficher/masquer toutes les conférences d'un encart */

    .fleche {
        background: #ffd076;
        position: relative
    }

    .fleche:not(.fleche_close):after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 12px 8px 0;
        border-color: #ffcf76 transparent transparent;
        border-color: #000 transparent transparent;
        border-style: inset;
        opacity: 1;
        top: .6rem;
        left: .5rem;
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }

    .fleche.fleche_close:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-width: 12px 8px 0;
        border-color: #ffcf76 transparent transparent;
        border-color: #000 transparent transparent;
        border-style: inset;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1;
        top: .6rem;
        left: .5rem
    }

    .conf-mosaique-1 h2:hover+.fleche:not(.fleche_close):after {
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }
    /*! fin : declencheur ouverture accordeon : afficher/masquer toutes les conférences d'un encart */

    .conf-mosaique-1 {
        border-top: 1px solid #ccc
    }
    /*! bouton voir toutes les conférences : */
    /*! le lien .conf-droite-pad ne doit être visible que sur pad.philharmoniedeparis.fr */

    a#tous.conf-droite-pad {
        display: inline
    }

    a#tous.conf-droite-pp {
        display: none
    }
    /*!   fin : CONFERENCES EN LIGNE *************************************** */
    /*!   15bis/ PAGES INSTRUMENTS DU MUSEE                 */

    body.page-instruments-PAD .hero-instruments {
        background-image: url(images/bg-instruments.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.page-instruments-PAD .hero-instruments .hero-instruments {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    body.page-instruments-PAD .instruments-section .instruments-section {
        padding-top: 5.625rem;
        padding-bottom: 5.625rem
    }

    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique ul {
        margin: 0 auto
    }

    .accueil-modele section.accueil-mosaique #instru1,
    body.page-instruments-PAD.mosaique-modele #instru1 p {
        background-color: #fff
    }

    .accueil-modele section.accueil-mosaique #instru1 p,
    body.page-instruments-PAD.mosaique-modele #instru1 p {
        font-size: 1rem;
        color: #000!important;
        font-family: 'Philharmonique SemiBold';
        text-transform: uppercase;
    }

    body.mosaique-modele li.mosaique-forme a,
    body.mosaique-modele li.mosaique-forme1 a,
    body.mosaique-modele li.mosaique-forme2 a,
    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique ul li a,
    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique ul li p,
    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique ul li span {
        color: #fff!important;
        font-size: .875rem;
        padding: 1rem;
        padding: 1rem 0 1rem .5rem;
    }

    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique ul li a span {
        margin-top: 2rem;
        display: block;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.625;
        padding: 0
    }

    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique p.tous {
        padding-top: 2rem;
        clear: both;
        float: none;
    }

    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique a#tous {
        margin: 0;
        /*    padding:.5rem 1rem;*/
    }

    body.page-instruments-PAD .instruments-section-mozaik section.accueil-mosaique a#tous:after {
        content: '';
        background-image: url(images/external_link.png);
        margin-left: 1rem;
        background-size: 1rem 1rem;
        display: inline-block;
        width: 1rem;
        height: 1rem;
    }
    /*! pages incontournbales détail */

    body.incontournable-modele #page main {
        padding-top: 2rem;
        padding-bottom: 5.625rem
    }

    body.incontournable-modele .frame-standard.panel.panel-front.webframe-ermes-commonviewedresources.incontournable-rebond .webframe-ermes-lastviewedresources-item a {
        overflow: hidden
    }

    body.incontournable-modele #portal .incontournable-rebond h3 {
        font-size: 1rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        margin-bottom: .35rem;
    }

    @media (min-width:480px) {
        .incontournable-modele .incontournable-rebond .InstrumentTypeValue,
        .incontournable-modele #portal .InventoryNumberValue,
        .incontournable-modele .incontournable-rebond.line,
        .footer-icon-container,
        .incontournable-modele #portal .incontournable-rebond li .AuthorValue,
        .incontournable-modele #portal .incontournable-rebond li .PlaceOfProductionValue,
        .incontournable-modele #portal .incontournable-rebond li .DateOfProductionValue {
            /* display: none; */
        }
        .incontournable-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item {
            height: 100px;
        }
        .incontournable-modele #portal .incontournable-rebond li .rs-staticList div.webframe-ermes-lastviewedresources-item,
        .incontournable-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item>a {
            height: 100px;
            width: 90px;
            -ms-flex-preferred-size: 90px;
            -webkit-flex-basis: 90px;
            flex-basis: 90px;
        }
        .incontournable-modele .incontournable-rebond .rs-staticList div.webframe-ermes-lastviewedresources-item h3 {
            font-size: 1rem!important;
            margin: 0;
            padding: 0;
        }
        #portal .incontournable-rebond li div {
            font-size: .825rem;
        }
    }
    /*!   16/ PAGES GENRES           */

    body.page-pad.page-genre-modele #portal #zone-2 {
        background: #f5f5f5;
    }
    /* body.page-genre-modele .page-genre-section:not(.hero) .page-genre-section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    background: #fff;
    border-bottom: 10px solid #f5f5f5;
} */
    /*
body.page-genre-modele .page-genre-section .page-genre-section {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 10px 10px -14px rgba(0, 0, 0, .35)
}
*/

    body.page-genre-modele .cms-inner-zone>div:last-of-type .page-genre-section .page-genre-section {
        border-bottom: 0
    }

    body.page-genre-modele #portal .page-genre-section.container,
    body.pleineLargeur #portal .section-container {
        margin-left: auto!important;
        margin-right: auto!important
    }

    body.page-genre-modele p.line {
        /*     line-height: .00001;
 */
        margin: 0 0 .475rem;
        font-size: 14px;
        font-size: .875rem!important;
        font-weight: 400
    }

    body.page-genre-modele h3.template-title {
        margin-bottom: .475rem
    }
    /*! en-tête "hero" pleine page avec titre : */

    body.page-genre-modele .hero-page-genre .hero-page-genre,
    body.page-genre-modele .page-genre-section.cta .page-genre-section.cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }

    body.page-genre-modele .hero-page-genre,
    body.page-genre-modele .page-genre-section.cta {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.page-genre-modele .page-genre-section.cta {
        background-attachment: fixed
    }
    /*! musiques du monde */

    body.genre-monde .hero-page-genre,
    body.genre-monde .page-genre-section.cta {
        background-image: url(images/pages-genres/bg-musiques-du-monde.jpg)
    }

    body.genre-monde .hero-page-genre .hero-page-genre {
        background-image: none;
        background-color: rgba(0, 0, 0, 0)
    }
    /*! ancienne & Baroque */

    body.genre-ancienneBaroque .hero-page-genre,
    body.genre-ancienneBaroque .page-genre-section.cta {
        background-image: url(images/pages-genres/bg-ancienneBaroque.jpg)
    }
    /*! classique romantique */

    body.genre-classiqueRomantique .hero-page-genre,
    body.genre-classiqueRomantique .page-genre-section.cta {
        background-image: url(images/pages-genres/london-symphony-orchestra-simon-Rattle.jpg)
    }
    /*! contemporaine */

    body.genre-contemporaine .hero-page-genre,
    body.genre-contemporaine .page-genre-section.cta {
        background-image: url(images/pages-genres/kronos_quartet_13112016_cdherouville.jpg)
    }
    /*! jazz blues */

    body.genre-jazzBlues .hero-page-genre,
    body.genre-jazzBlues .page-genre-section.cta {
        background-image: url(images/pages-genres/murray-williams-cdherouville.jpg)
    }
    /*! pop rock electro rap */

    body.genre-pop .hero-page-genre,
    body.genre-pop .page-genre-section.cta {
        background-image: url(images/pages-genres/snarky-puppy-mguthfreund.jpg)
    }
    /*! chanson & Varietés */

    body.genre-chansonVariet .hero-page-genre,
    body.genre-chansonVariet .page-genre-section.cta {
        background-image: url(images/pages-genres/bg-chansonVariet.jpg)
    }

    body.genre-chansonVariet .hero-page-genre .hero-page-genre,
    body.genre-chansonVariet .page-genre-section.cta .page-genre-section.cta {
        background-image: none;
        background-color: rgba(0, 0, 0, 0)
    }
    /*! jeunes & familles */

    body.genre-jeunesFamilles .hero-page-genre,
    body.genre-jeunesFamilles .page-genre-section.cta {
        background-image: url(images/pages-genres/bg-jeunesFamilles.jpg);
    }

    body.genre-jeunesFamilles div#zone-2.col-md-12.cms-inner-zone {
        background-color: #fff!important;
    }

    body.genre-jeunesFamilles div.bac-musique {
        background-color: #b3d6fd!important;
    }

    body.genre-jeunesFamilles div.frame-standard.panel.panel-front.webframe-ermes-carousel.pageGenreIntro.center {
        background-color: #f5f5f5!important;
    }

    body.genre-jeunesFamilles .page-genre-section:not(.hero) .page-genre-section {
        border-bottom: 10px solid #ffffff;
    }

    body.genre-jeunesFamilles div.panel-heading h3 {
        text-align: center;
    }

    body.genre-jeunesFamilles h3#title-34287 {
        margin-bottom: 0px !important;
    }
    /*! page En Famille */

    body.enFamille .hero-page-genre,
    body.enFamille .page-genre-section.cta {
        background-image: url(images/bg-en-famille.png)
    }

    .enFamille div#zone-2.col-md-12.cms-inner-zone {
        background-color: #fff!important;
    }

    .enFamille.page-genre-modele .page-genre-section:not(.hero) .page-genre-section {
        border-bottom: none!important;
    }

    .enFamille div.bac-musique {
        background-color: #b3d6fd!important;
    }

    .enFamille div.frame-standard.panel.panel-front.webframe-ermes-carousel.pageGenreIntro.center {
        background-color: #f5f5f5!important;
    }

    .enFamille .marges-haut {
        padding-top: 25px;
    }

    .enFamille h3.centrer-au-milieu {
        text-align: center;
    }

    .enFamille div.frame-standard.panel.panel-front.webframe-ermes-commonviewedresources.page-genre-section.page-genre-section-rechercheCapturee.container.centrer-au-milieu h3 {
        text-align: center;
    }

    .enFamille .marges-modifiees ul.template-info.titre_mention_resp_prem {
        line-height: 31px;
    }

    .enFamille .bac-musique p.describe.marges-en-dessous {
        margin-bottom: 23px;
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments dans les pages Genre : */
    /*! **************************************************** */
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre ANCIENNE & BAROQUE : */

    body.genre-ancienneBaroque .archive-item-1 .archive-item-img {
        background-image: url(images/pages-genres/instruments/ancienne-baroque/cornet-a-bouquin.jpg)
    }

    body.genre-ancienneBaroque .archive-item-2 .archive-item-img {
        background-image: url(images/pages-genres/instruments/ancienne-baroque/virginale.jpg)
    }

    body.genre-ancienneBaroque .archive-item-3 .archive-item-img {
        background-image: url(images/pages-genres/instruments/ancienne-baroque/flutes-colonnes.jpg)
    }

    body.genre-ancienneBaroque .archive-item-4 .archive-item-img {
        background-image: url(images/pages-genres/instruments/ancienne-baroque/theorbe.jpg)
    }

    body.genre-ancienneBaroque .archive-item-5 .archive-item-img {
        background-image: url(images/pages-genres/instruments/ancienne-baroque/clavecin.jpg)
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre MUSIQUES DU MONDE : */

    body.genre-monde .archive-item-1 .archive-item-img {
        background-image: url(images/pages-genres/instruments/monde/gamelan.jpg)
    }

    body.genre-monde .archive-item-2 .archive-item-img {
        background-image: url(images/pages-genres/instruments/monde/tambour-nfunkula.jpg)
    }

    body.genre-monde .archive-item-3 .archive-item-img {
        background-image: url(images/pages-genres/instruments/monde/ud.jpg)
    }

    body.genre-monde .archive-item-4 .archive-item-img {
        background-color: #023435;
        background-image: url(https://drop.philharmoniedeparis.fr/gamelan/vignette-gamelan_250.jpg);
        background-size: 30%!important
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre Musique CLASSIQUE & ROMANTIQUE : */

    body.genre-classiqueRomantique .archive-item-1 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000000200/158208-_CMIM000023622_LD.jpg)
    }

    body.genre-classiqueRomantique .archive-item-2 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000004300/160815_CMIM00027445_660.jpg)
    }

    body.genre-classiqueRomantique .archive-item-3 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000001700/157816_CMIM000013647_lD.jpg)
    }

    body.genre-classiqueRomantique .archive-item-4 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000001500/157252_CMIM000029106_LD.jpg)
    }

    body.genre-classiqueRomantique .archive-item-5 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000006500/898349_CMIM00027998_LD.jpg)
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre Musique CONTEMPORAINE : */

    body.genre-contemporaine .archive-item-1 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000008800/158770_CMIM000022682_LD.jpg)
    }

    body.genre-contemporaine .archive-item-2 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000004700/161194_CMIM000022799_660.jpg)
    }

    body.genre-contemporaine .archive-item-3 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000006900/1004908_CMIM000032092_LD.jpg)
    }

    body.genre-contemporaine .archive-item-4 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000010200/130489_CMIM000022671_LD_660.jpg)
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre Musique JAZZ & BLUES : */

    body.genre-jazzBlues .archive-item-1 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000002100/158032_CMIM000027648_660.jpg)
    }

    body.genre-jazzBlues .archive-item-2 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000011000/160626_CMIM000015188_660.jpg)
    }

    body.genre-jazzBlues .archive-item-3 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000006600/920372_CMIM000027785_660.jpg)
    }

    body.genre-jazzBlues .archive-item-4 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000002600/158353_CMIM000023595_600.jpg)
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre Musique POP & ROCK & ELECTRO & RAP : */

    body.genre-pop .archive-item-3 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000001000/156615_CMIM00022673_HD.JPG)
    }

    body.genre-pop .archive-item-2 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000002500/158238_CMIM000019344_660.jpg)
    }

    body.genre-pop .archive-item-1 .archive-item-img {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000008800/158770_CMIM000022682_LD.jpg)
    }

    body.genre-pop .archive-item-4 .archive-item-img {
        background-image: url(images/pages-genres/instruments/basse-4001.jpg)
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre Musique CHANSONS & VARIETE : */

    body.genre-chanson_variet .archive-item-1 .archive-item-img {
        background-image: url(images/pages-genres/instruments/chanson_variet/gamelan.jpg)
    }

    body.genre-chanson_variet .archive-item-2 .archive-item-img {
        background-image: url(images/pages-genres/instruments/chanson_variet/tambour-nfunkula.jpg)
    }

    body.genre-chanson_variet .archive-item-3 .archive-item-img {
        background-image: url(images/pages-genres/instruments/chanson_variet/ud.jpg)
    }
    /*! **************************************************** */
    /*! Encart mozaique d'instruments / Genre Musique JEUNES & FAMILLES : */

    body.genre-jeunes .archive-item-1 .archive-item-img {
        background-image: url(images/pages-genres/instruments/jeunes/gamelan.jpg)
    }

    body.genre-jeunes .archive-item-2 .archive-item-img {
        background-image: url(images/pages-genres/instruments/jeunes/tambour-nfunkula.jpg)
    }

    body.genre-jeunes .archive-item-3 .archive-item-img {
        background-image: url(images/pages-genres/instruments/jeunes/ud.jpg)
    }
    /*! ************************************************ */
    /*!   fin : PAGES GENRES                             */
    /*! ************************************************ */

    .bckg-jaune {
        background-color: #ffd076
    }

    .menu nav ul li {
        /*     opacity: .5; */
        padding: 0 0 0 10px
    }

    .menu nav ul li:hover {
        opacity: 1
    }

    .menu nav ul li a {
        font-size: 1rem!important;
        line-height: 1.7;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif
    }

    .menu nav ul li:hover a {
        color: #000!important
    }
    /*! ************************************************ */
    /*!   17/ SELECTIONS THEMATIQUES                     */
    /*! ************************************************ */

    body.select-thema-modele .cms-inner-layout {
        max-width: 1100px;
        margin: 0 auto
    }

    body.select-thema-modele .cms-inner-layout>.row {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
    }
    /*! contenu principal */

    body.select-thema-modele .cms-inner-layout>.row .cms-inner-zone:nth-of-type(1) {
        width: 66.66666666666666%;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        max-width: 100%
    }
    /*! sidebar */

    body.select-thema-modele .cms-inner-layout>.row .cms-inner-zone:nth-of-type(2) {
        width: 33.33333333333333%;
        /*         -ms-flex-preferred-size: 270px;
        -webkit-flex-basis: 270px;
        flex-basis: 270px; */
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        /*         background-color: #f5f5f5;
 */
        border-radius: 16px;
    }

    body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div {
        border-bottom: 1px solid #ddd;
        max-width: 100%;
    }

    body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div h3 {
        padding-right: 30px;
    }

    body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div .conteneur-evenement {
        overflow: hidden;
        border-radius: 16px;
        margin-bottom: 1em;
    }

    .select-thema-section-evenement .conteneur-evenement {
        border: 0 solid #ffd076;
        background-color: #fff;
        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;
    }

    .select-thema-section-evenement .conteneur-evenement .media-body.border {
        padding: 0 .825rem
    }

    .select-thema-section-evenement .conteneur-evenement .media-body.border a.btn-btn-plus {
        background-color: #ffd076!important
    }

    body.select-thema-modele .select-thema-section .select-thema-section {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    body.select-thema-modele .select-thema-section:not(.hero) {
        border-radius: 16px;
        overflow: hidden;
    }

    body.select-thema-modele .select-thema-section .select-thema-section .rs-staticList.container {
        max-width: 100%;
    }

    body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div .sidebar-section {
        padding-bottom: 0
    }

    body.select-thema-modele #portal .select-thema-section.container,
    body.archives-lettres-infos #portal .container {
        margin-left: auto!important;
        margin-right: auto!important;
        /*    max-width: 100%;*/
    }

    body.select-thema-modele .select-thema-section-evenement img {
        width: 100%
    }
    /* présentation du contenu des Selections thématiques */

    body.select-thema-modele:not(.thema-bac2017) .select-thema-section-listeStatique p.line {
        line-height: .00001;
        margin: 0 0 .475rem;
        font-size: 14px;
        font-size: .875rem!important;
        font-weight: 400
    }

    body.select-thema-modele h3,
    body.select-thema-modele h3.template-title {
        margin-bottom: .475rem;
        margin-top: 0;
    }

    body.select-thema-modele .select-thema-section-intro {
        background-color: #f5f5f5
    }

    @media (min-width:768px) {
        body.select-thema-modele .select-thema-section-intro p.col-sm-10 {
            text-align: center
        }
    }

    @media (max-width:991px) {
        body.select-thema-modele .cms-inner-layout>.row {
            display: -webkit-box!important;
            display: -ms-flexbox!important;
            display: -webkit-flex!important;
            display: flex!important;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            margin-bottom: 0
        }
        body.select-thema-modele .cms-inner-layout>.row .cms-inner-zone:nth-of-type(1) {
            width: 100%
        }
        body.select-thema-modele .cms-inner-layout>.row .cms-inner-zone:nth-of-type(2) {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            width: 100%;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row
        }
        body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            -ms-flex-preferred-size: 270px;
            -webkit-flex-basis: 270px;
            flex-basis: 270px;
            border-bottom: 0
        }
        body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div .sidebar-section {
            padding-bottom: 0
        }
        .select-thema-section-evenement .conteneur-evenement {
            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;
            -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
        }
        .select-thema-section-evenement .conteneur-evenement>a {
            max-height: 300px;
            overflow: hidden;
            -ms-flex-preferred-size: 180px;
            -webkit-flex-basis: 180px;
            flex-basis: 180px
        }
        .select-thema-section-evenement .conteneur-evenement .media-body.border {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            -webkit-flex: 3;
            flex: 3;
            -ms-flex-preferred-size: 300px;
            -webkit-flex-basis: 300px;
            flex-basis: 300px
        }
    }
    /*! **************************************** */
    /*! thema bac2017 */

    #frame-19756 {
        background-color: #f5f5f5;
        text-align: center
    }

    #frame-19767 .select-thema-section {
        padding-bottom: 1rem
    }

    #frame-19757 .select-thema-section {
        padding-top: 0
    }

    #frame-19764 {
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede
    }

    #frame-19765,
    #frame-19768,
    #frame-19770,
    #frame-19772 {
        border-top: 1px solid #dedede
    }
    /*! selections thematiques : en-têtes "hero" (pleine page avec titre) : */

    body.select-thema-archive .container.container-archive .archive-item .archive-item-img,
    body.select-thema-modele .hero-select-thema {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.select-thema-modele .select-thema-section.cta {
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-size: cover
    }

    body.select-thema-modele .hero-select-thema .hero-select-thema,
    body.select-thema-modele .select-thema-section.cta .select-thema-section.cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .5)
    }
    /*! page toutes nos selections */

    .archive-item-archive .archive-item-img {
        background-image: url(images/bg-devis.jpg)
    }

    .select-thema-archive .typeDeDoc {
        display: none;
    }
    /*! selection jeunesse */

    .archive-item-jeunesse .archive-item-img,
    body.thema-jeunesse .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-jeunesse.jpg)
    }

    body.thema-jeunesse .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-jeunesse.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection stravinsky */

    .archive-item-stravinsky .archive-item-img,
    body.thema-stravinsky .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-stravinsky.jpg)
    }

    body.thema-stravinsky .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-stravinsky.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection monteverdi */

    .archive-item-monteverdi .archive-item-img,
    body.thema-monteverdi .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-monteverdi.jpg)
    }

    body.thema-monteverdi .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-monteverdi.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection retour sur jazz villette 2016 */

    .archive-item-jazzvillette2016 .archive-item-img,
    body.thema-jazzvillette2016 .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-jazzvillette2016.jpg)
    }

    body.thema-jazzvillette2016 .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-jazzvillette2016.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }

    body.thema-jazzvillette2016 .hero-select-thema .hero-select-thema,
    body.thema-jazzvillette2016 .select-thema-section.cta .select-thema-section.cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .75)
    }
    /*! selection jamaica jamaica */

    .archive-item-jamaica .archive-item-img,
    body.thema-jamaica .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-jamaica.jpg)
    }

    body.thema-jamaica .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-jamaica.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection bac 2017 */

    .archive-item-bac2017 .archive-item-img,
    body.thema-bac2017 .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-bac2017.jpg)
    }

    body.thema-bac2017 .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-bac2017.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection musique indienne */

    .archive-item-indienne .archive-item-img,
    body.thema-indienne .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-indienne.jpg)
    }

    body.thema-indienne .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-indienne.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Pierre Boulez */

    .archive-item-boulez .archive-item-img,
    body.thema-boulez .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-pierre-boulez.jpg)
    }

    body.thema-boulez .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-pierre-boulez.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Musiques Estivales */

    .archive-item-estivales .archive-item-img,
    body.thema-estivales .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-estivales.jpg)
    }

    body.thema-estivales .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-estivales.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Pierre Henry */

    .archive-item-pierre-henry .archive-item-img,
    body.thema-pierre-henry .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-pierre-henry.jpg)
    }

    body.thema-pierre-henry .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-pierre-henry.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Orgues */

    .archive-item-orgues .archive-item-img,
    body.thema-orgues .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-orgues.jpg)
    }

    body.thema-orgues .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-orgues.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Noel */

    .archive-item-noel .archive-item-img,
    body.thema-noel .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-noel.jpg)
    }

    body.thema-noel .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-noel.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }

    body.thema-noel #portal #frame-26048 {
        margin-bottom: 2rem!important;
    }
    /*! selection Biennale quatuors à cordes */

    .archive-item-quatuor .archive-item-img,
    body.thema-quatuor .hero-select-thema {
        background-image: url(images/selections-thematiques/biennale-quatuors.jpg)
    }

    body.thema-quatuor .select-thema-section.cta {
        background: url(images/selections-thematiques/biennale-quatuors.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection musique et cinema */

    .archive-item-cinema .archive-item-img,
    body.thema-cinema .hero-select-thema {
        background-image: url(images/selections-thematiques/expo-musique-cinema-matthias-abherve.jpg);
    }

    body.thema-cinema .select-thema-section.cta {
        background: url(images/selections-thematiques/expo-musique-cinema-matthias-abherve.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Musique de Chine */

    .archive-item-chine .archive-item-img,
    body.thema-chine .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-chine-tarik-haiga.jpg)
    }

    body.thema-chine .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-chine-tarik-haiga.jpg) center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Al Musiqa */

    .archive-item-almusiqa .archive-item-img,
    body.thema-almusiqa .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-almusiqa.jpg)
    }

    body.thema-almusiqa .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-almusiqa.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
    }
    /*! selection Musiques de fête */

    .archive-item-fete .archive-item-img,
    body.thema-fete .hero-select-thema {
        background-image: url(images/selections-thematiques/bal-populaire-ensfelder-eugene.jpg);
    }

    body.thema-fete .select-thema-section.cta {
        background: url(images/selections-thematiques/bal-populaire-ensfelder-eugene.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Jazz à la villette 2018 */

    .archive-item-jazzvillette2017-2018 .archive-item-img,
    body.thema-jazzvillette2017-2018 .hero-select-thema {
        background-image: url(images/selections-thematiques/jazz-villette-2018.jpg);
    }

    body.thema-jazzvillette2017-2018 .select-thema-section.cta {
        background: url(images/selections-thematiques/jazz-villette-2018.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Japon */

    .archive-item-japon .archive-item-img,
    body.thema-japon .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-japon.jpg);
    }

    body.thema-japon .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-japon.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! selection Hiver */

    .archive-item-hiver .archive-item-img,
    body.thema-hiver .hero-select-thema {
        background-image: url(images/selections-thematiques/feu-de-cheminee.jpg);
    }

    body.thema-hiver .select-thema-section.cta {
        background: url(images/selections-thematiques/feu-de-cheminee.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Nuit du Rossignol */

    .archive-item-rossignol .archive-item-img,
    body.thema-rossignol .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-rossignol-2020.jpg);
    }

    body.thema-rossignol .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-rossignol-2020.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Exposition Electro */

    .archive-item-electro .archive-item-img,
    body.thema-electro .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-electro.jpg);
    }

    body.thema-electro .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-electro.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! 1969 - On a marché sur la Lune */

    .archive-item-lune .archive-item-img,
    body.thema-lune .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-lune.jpg);
    }

    body.thema-lune .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-lune.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Jazz à la Villette 2019 */

    .archive-item-jazz2019 .archive-item-img,
    body.thema-jazz2019 .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-jazz2019.jpg);
    }

    body.thema-jazz2019 .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-jazz2019.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Hector Berlioz (1803-1869) */

    .archive-item-berlioz .archive-item-img,
    body.thema-berlioz .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-berlioz.jpg);
    }

    body.thema-berlioz .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-berlioz.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! LES REPRISES */

    .archive-item-reprises .archive-item-img,
    body.thema-reprises .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-reprises.jpg);
    }

    body.thema-reprises .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-reprises.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! VERSAILLES */

    .archive-item-versailles .archive-item-img,
    body.thema-versailles .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-versailles.jpg);
    }

    body.thema-versailles .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-versailles.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! ARTS FLORISSANTS */

    .archive-item-bg-arts-florissants .archive-item-img,
    body.thema-bg-arts-florissants .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-arts-florissants.jpg);
    }

    body.thema-bg-arts-florissants .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-arts-florissants.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! STEVE REICH */

    .archive-item-bg-steve-reich .archive-item-img,
    body.thema-bg-steve-reich .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-steve-reich.jpg);
    }

    body.thema-bg-steve-reich .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-steve-reich.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! COMPOSITRICES */

    .archive-item-bg-compositrices .archive-item-img,
    body.thema-bg-compositrices .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-compositrices.jpg);
    }

    body.thema-bg-compositrices .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-compositrices.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! CHEFFES */

    .archive-item-bg-cheffes .archive-item-img,
    body.thema-bg-cheffes .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-cheffes.jpg);
    }

    body.thema-bg-cheffes .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-cheffes.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! BEETHOVEN-PIANO */

    .archive-item-bg-beethoven-piano .archive-item-img,
    body.thema-bg-beethoven-piano .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-beethoven-piano.jpg);
    }

    body.thema-bg-beethoven-piano .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-beethoven-piano.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! BEETHOVEN-IMMORTEL */

    .archive-item-bg-beethoven-immortel .archive-item-img,
    body.thema-bg-beethoven-immortel .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-beethoven-immortel.jpg);
    }

    body.thema-bg-beethoven-immortel .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-beethoven-immortel.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Jazz à la Villette 2020 */

    .archive-item-jazz2020 .archive-item-img,
    body.thema-jazz2020 .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-jazz2020.jpg);
    }

    body.thema-jazz2020 .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-jazz2020.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! LES MUSIQUES DE PICASSO */

    .archive-item-picasso .archive-item-img,
    body.thema-picasso .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-picasso.jpg);
    }

    body.thema-picasso .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-picasso.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! LUSITANIA */

    .archive-item-lusitania .archive-item-img,
    body.thema-lusitania .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-lusitania.jpg);
    }

    body.thema-lusitania .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-lusitania.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! LE GAMELAN */

    .archive-item-gamelan .archive-item-img,
    body.thema-gamelan .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-gamelan.jpg);
    }

    body.thema-gamelan .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-gamelan.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! BEETHOVEN VARIATIONS */

    .archive-item-beethoven-variations .archive-item-img,
    body.thema-beethoven-variations .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-beethoven-variations.jpg);
    }

    body.thema-beethoven-variations .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-beethoven-variations.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! COUNTRY FOLK */

    .archive-item-country .archive-item-img,
    body.thema-country .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-country.jpg);
    }

    body.thema-country .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-country.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! TANGO */

    .archive-item-tango .archive-item-img,
    body.thema-tango .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-tango.jpg);
    }

    body.thema-tango .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-tango.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! JAZZWOMEN */

    .archive-item-jazzwomen .archive-item-img,
    body.thema-jazzwomen .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-jazzwomen.jpg);
    }

    body.thema-jazzwomen .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-jazzwomen.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! EROS */

    .archive-item-eros .archive-item-img,
    body.thema-eros .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-eros.jpg);
    }

    body.thema-eros .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-eros.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! KURT WEILL */

    .archive-item-kurt-weill .archive-item-img,
    body.thema-kurt-weill .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-kurt-weill.jpg);
    }

    body.thema-kurt-weill .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-kurt-weill.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! CAMILLE SAINT SAENS */

    .archive-item-camille-saint-saens .archive-item-img,
    body.thema-camille-saint-saens .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-camille-saint-saens.jpg);
    }

    body.thema-camille-saint-saens .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-camille-saint-saens.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! GUSTAV MAHLER */

    .archive-item-gustav-mahler .archive-item-img,
    body.thema-gustav-mahler .hero-select-thema {
        background-image: url(images/selections-thematiques/gustav-mahler_source-gallica.bnf.fr-BnF.jpg);
    }

    body.thema-gustav-mahler .select-thema-section.cta {
        background: url(images/selections-thematiques/gustav-mahler_source-gallica.bnf.fr-BnF.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! JAZZ VILLETTE 2021 */

    .archive-item-jazzvillette2021 .archive-item-img,
    body.thema-jazzvillette2021 .hero-select-thema {
        background-image: url(images/selections-thematiques/jazz-villette-2021.png);
    }

    body.thema-jazzvillette2021 .select-thema-section.cta {
        background: url(images/selections-thematiques/jazz-villette-2021.png) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! PIONNIERS AMERICAINS */

    .archive-item-pionniers-americains .archive-item-img,
    body.thema-pionniers-americains .hero-select-thema {
        background-image: url(images/selections-thematiques/pionniers-americains.jpg);
    }

    body.thema-pionniers-americains .select-thema-section.cta {
        background: url(images/selections-thematiques/pionniers-americains.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! GEORGES BRASSENS */

    .archive-item-georges-brassens .archive-item-img,
    body.thema-georges-brassens .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-georges-brassens.jpg);
    }

    body.thema-georges-brassens .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-georges-brassens.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Karlheinz Stockhausen */

    .archive-item-karlheinz-stockhausen .archive-item-img,
    body.thema-karlheinz-stockhausen .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-karlheinz-stockhausen.jpg);
    }

    body.thema-karlheinz-stockhausen .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-karlheinz-stockhausen.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! GRECE */

    .archive-item-grece .archive-item-img,
    body.thema-grece .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-grece.jpg);
    }

    body.thema-grece .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-grece.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! MUSIQUE A L'IMAGE */

    .archive-item-bg-musiques-image .archive-item-img,
    body.thema-bg-musiques-image .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-musiques-image.jpg);
    }

    body.thema-bg-musiques-image .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-musiques-image.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Leonard Bernstein */

    .archive-item-leonard-bernstein .archive-item-img,
    body.thema-leonard-bernstein .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-leonard-bernstein.jpg);
    }

    body.thema-leonard-bernstein .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-leonard-bernstein.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Antonín Dvořák (1841-1904) */

    .archive-item-antonin-dvorak .archive-item-img,
    body.thema-antonin-dvorak .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-antonin-dvorak.jpg);
    }

    body.thema-antonin-dvorak .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-antonin-dvorak.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Orphée */

    .archive-item-orphee .archive-item-img,
    body.thema-orphee .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-orphee.jpg);
    }

    body.thema-orphee .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-orphee.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Schubert */

    .archive-item-schubert .archive-item-img,
    body.thema-schubert .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-schubert.jpg);
    }

    body.thema-schubert .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-schubert.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Animaux musiciens */

    .archive-item-animaux-musiciens .archive-item-img,
    body.thema-animaux-musiciens .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-animaux-musiciens.jpg);
    }

    body.thema-animaux-musiciens .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-animaux-musiciens.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Accordeon */

    .archive-item-accordeon .archive-item-img,
    body.thema-accordeon .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-accordeon.jpg);
    }

    body.thema-accordeon .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-accordeon.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Cycle de conférences */

    .archive-item-cycleConferences .archive-item-img,
    body.thema-cycleConferences .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-cycleConferences.jpg);
    }

    body.thema-cycleConferences .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-cycleConferences.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }

    body.thema-cycleConferences .select-thema-section .select-thema-section-rechercheCapturee {
        padding-top: 0;
        padding-bottom: 0;
    }
    /*! Iannis Xenakis */

    .archive-item-iannis-xenakis .archive-item-img,
    body.thema-iannis-xenakis .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-iannis-xenakis.jpg);
    }

    body.thema-iannis-xenakis .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-iannis-xenakis.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! Serguei Prokofiev */

    .archive-item-serguei-prokofiev .archive-item-img,
    body.thema-serguei-prokofiev .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-serguei-prokofiev.jpg);
    }

    body.thema-serguei-prokofiev .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-serguei-prokofiev.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }

    /*! Musique et sport */

    .archive-item-musique-sport .archive-item-img,
    body.thema-musique-sport .hero-select-thema {
        background-image: url(images/selections-thematiques/bg-thema-serguei-prokofiev.jpg);
    }

    body.thema-musique-sport .select-thema-section.cta {
        background: url(images/selections-thematiques/bg-thema-serguei-prokofiev.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }
    /*! ************************************************ */
    /*!   fin : SELECTIONS THEMATIQUES                   */
    /*! ************************************************ */
    /*! ************************************************ */
    /*!   17 bis/ SELECTIONS THEMATIQUES ARCHIVE         */
    /*! ************************************************ */

    body.select-thema-archive .hero-select-thema {
        background-image: url(images/bg-devis.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }
    /*! ************************************************    */
    /*!   17 ter/ ENCART TYPE ARCHIVE (mozaique responsive "manuelle") */
    /*! ************************************************    */

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

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

    .container.container-archive {
        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: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .container.container-archive .archive-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-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: 300px;
        -webkit-flex-basis: 300px;
        flex-basis: 300px
    }

    .container.container-archive .archive-item .archive-item-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        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;
        -webkit-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: -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-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 2rem;
        -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
    }

    .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 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);
            -ms-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 .btn,
        .container.container-archive .archive-item:hover .archive-item-text p.detail {
            opacity: 1
        }
    }
    /*! ************************************************ */
    /*!   fin : SELECTIONS THEMATIQUES ARCHIVES                */
    /*! ************************************************ */
    /*! ************************************************ */
    /*!   MOZAIQUE RESPONSIVE DYNAMIQUE DANS LES PAGES SELECTIONS THEMA                */
    /*! ************************************************ */
    /*! mozaique responsive "dynamique" (alliée a la recherche capturée) */

    .mosaique-modele #frame-2003 article ul,
    .mosaique-modele #frame-2044 article ul,
    .mosaique-modele #frame-2047 article ul,
    .mosaique-modele #frame-2050 article ul,
    .mosaique-modele #frame-2054 article ul,
    .mosaique-modele #frame-2056 article ul,
    .mosaique-modele #frame-2058 article ul {
        clear: both;
        float: none;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
    /*! ************************************************************** */

    .content-oe-modele .frame-standard,
    .content-oe-modele .panel-body,
    .content-oe-modele .panel-front,
    .content-oe-modele .panel-layout>.panel-body {
        margin-bottom: 1.325rem!important
    }

    .presentation-oe {
        text-align: center;
        margin-bottom: 0;
        display: none
    }
    /*! ************************************************ */
    /*! SIDEBAR */
    /*! ************************************************ */

    .content-oe-modele #portal #layout-3 #zone-5 {
        background: #f5f5f5;
        margin-top: 1rem;
        border-radius: 16px;
    }

    .sidebar-heading .panel-heading h2,
    .sidebar-heading .panel-heading h2 span,
    p.sidebar-heading,
    p.sidebar-heading span {
        font-size: 2rem!important;
        text-transform: uppercase!important;
        font-family: 'Philharmonique Regular', sans-serif;
        color: #000;
        font-weight: 600;
        background: transparent!important;
    }

    .sidebar-heading-marge {
        margin-top: 2rem;
    }

    .content-oe-modele #portal #layout-3 #zone-5 .frame-standard.webframe-ermes-commonviewedresources {
        border-bottom: 1px solid #ddd;
    }

    .content-oe-modele #portal #layout-3 #zone-5>div:last-of-type .frame-standard.webframe-ermes-commonviewedresources {
        border-bottom: 0
    }

    .content-oe-modele #portal #layout-3 #zone-5 .rebond h2,
    .content-oe-modele #portal #layout-3 #zone-5 .rebond h2 span,
    .content-oe-modele #portal #layout-3 #zone-5 .frame-ermes-searchcapturemultirender h2,
    .content-oe-modele #portal #layout-3 #zone-5 .frame-ermes-searchcapturemultirender h2 span {
        font-size: 1.275rem
    }

    .content-oe-modele .content-img-dr h2,
    .content-oe-modele .content-img-gch h2,
    .content-oe-modele .oe-accroche h2,
    .content-oe-modele .only-content h2,
    .content-oe-modele .rubrique-oe h3,
    .content-oe-modele h2 {
        padding: 5px 0 0;
        margin-bottom: 1rem;
        margin-top: 1rem;
        /*     font-family: LinotypeBrewery, sans-serif;
    font-size: 1.625rem; */
    }

    .content-oe-modele .content-img-dr h2 span,
    .content-oe-modele .content-img-gch h2 span,
    .content-oe-modele .oe-accroche h2 span,
    .content-oe-modele .only-content h2 span,
    .content-oe-modele .rubrique-oe h3 span,
    .content-oe-modele h2 span {
        padding: 0;
        margin: 0;
        /*     font-family: LinotypeBrewery, sans-serif;
    font-size: 1.625rem; */
    }

    .content-oe-modele .rubrique-oe {
        border-radius: 16px;
    }

    .content-oe-modele #portal #layout-3 #zone-5 .rs-staticList>ul>li {
        margin-bottom: 8px;
        border-bottom: 0;
    }

    .content-oe-modele #portal #layout-3 #zone-5 .webframe-ermes-lastviewedresources-item .notice_corps h3.template-title {
        /* font-weight: normal!important; */
        font-family: 'Philharmonique SemiBold';
        text-transform: uppercase;
    }

    .content-oe-modele #portal #layout-3 #zone-5 .rs-staticList p.template-resume {
        font-size: .825em;
        color: #999;
    }

    .content-oe-modele .frame-ermes-searchcapturemultirender a.see_all_results {
        margin: 0 0 1rem;
        /*    padding:.5rem 1rem;*/
    }

    .incontournable-modele #portal #zone-10 {
        background: #f5f5f5;
        padding-top: 2rem
    }

    .incontournable-modele #portal #zone-10 .frame-standard.webframe-ermes-commonviewedresources {
        border-bottom: 1px solid #ddd
    }

    .incontournable-modele #portal #zone-10>div:last-of-type .frame-standard.webframe-ermes-commonviewedresources {
        border-bottom: 0
    }

    .incontournable-modele #portal #zone-10 h2,
    .incontournable-modele #portal #zone-10 h2 span {
        font-size: 1.325rem
    }

    .incontournable-modele .content-img-dr h2,
    .incontournable-modele .content-img-gch h2,
    .incontournable-modele .oe-accroche h2,
    .incontournable-modele .only-content h2,
    .incontournable-modele .rubrique-oe h3,
    .incontournable-modele h2 {
        padding: 5px 0 0;
        margin-bottom: 1rem
    }

    .incontournable-modele .content-img-dr h2 span,
    .incontournable-modele .content-img-gch h2 span,
    .incontournable-modele .oe-accroche h2 span,
    .incontournable-modele .only-content h2 span,
    .incontournable-modele .rubrique-oe h3 span,
    .incontournable-modele h2 span {
        padding: 0;
        margin: 0
    }

    .incontournable-modele .frame-ermes-searchcapturemultirender a.see_all_results {
        margin: 0 0 1rem
    }

    .content-oe-modele table,
    .content-oe-modele tr,
    .content-oe-modele td {
        border: 2px solid #fff;
        padding: .5rem;
    }

    .content-oe-modele tr {
        background: rgba(255, 208, 118, 0.3);
        background: #f5f5f5;
    }

    .content-oe-modele table {
        border: 1px solid #ffd076;
    }

    .content-oe-modele table .bckg-bleu strong,
    .content-oe-modele table .bckg-bleu b {
        font-size: .875rem;
    }

    .content-oe-modele table strong,
    .content-oe-modele table b {
        font-weight: bold;
        font-family: 'Philharmonique SemiBold';
        text-transform: uppercase;
        font-size: .7rem;
    }

    .content-oe-modele .rubrique-oe h3 {
        font-size: 1rem;
    }

    .bckg-bleu {
        background: rgba(255, 208, 118, 0.6) !important;
        padding: 12px;
        border-radius: 16px;
        text-align: center;
        margin-bottom: 1em;
        padding-bottom: 2.45rem;
    }

    .content-oe-modele .rubrique-oe {
        background: transparent;
    }

    .content-oe-modele .rubrique-oe .rubrique-oe {
        background: rgba(255, 208, 118, 0.5);
        padding: 1rem;
        border: 5px solid #ffd076;
        background: #f5f5f5;
    }

    .content-oe-modele figure img {
        border: 0;
    }

    figcaption {
        font-size: .75rem;
        padding: 0;
        margin-bottom: 1rem;
    }

    /* 07/01/25 Elijah - permet aux elements à l'interieur du figcaption, d'avoir la même taille que le texte */
    figcaption a, figcaption span {
        font-size: .75rem;
        color: #808080;
    }

    .modele-image-gauche-texte-gauche .thumbnail,
    .modele-image-gauche-texte-droite .thumbnail {
        background: #f5f5f5;
        /*    border: 1px solid #000;*/
        padding-right: 1rem;
    }

    .thumbnail {
        border-radius: 0;
    }
    /*! *************************** */

    body.exposition-modele .presentation-expo {
        text-transform: none;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-size: .875rem !important;
        margin-bottom: 12px;
        text-align: center;
    }

    body.exposition-modele #page .cms-inner-zone>div[id^="frame-"] {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    body.exposition-modele .presentation-expo:after {
        content: url("images/pp-trait-separateur-noir.png");
        display: block;
        background-color: transparent;
    }

    body.exposition-modele #page .cms-inner-zone>div[id^="frame-"] {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    body.exposition-modele #portal a.btn,
    .histoireinstru-modele #portal a.btn {
        background-color: #ffd076;
    }

    body.exposition-modele #portal .frame-standard {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    /*! *************************** */
    /*! 19 / page newsletter-usager      */
    /*! *************************** */

    .page-PAD_newsletter-usager #portal .frame {
        margin: 0 auto !important;
    }

    body.page-PAD_newsletter-usager .hero-newsletter-usager {
        background-image: url(images/bg-newsletter.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.page-PAD_newsletter-usager .hero-newsletter-usager .hero-newsletter-usager {
        background: rgba(0, 0, 0, .5);
    }

    body.page-PAD_newsletter-usager .newsletter-usager-section .newsletter-usager-section {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    body.page-PAD_newsletter-usager .newsletter-usager-section .newsletter-usager-section-intro {
        padding-bottom: 0;
    }

    body.page-PAD_newsletter-usager .newsletter-usager-section .newsletter-usager-section-mentions p {
        font-size: .825rem;
    }
    /*! ************************************************ */
    /*! 20 / COMMUNICATION ET MEDIATION :            */
    /*! ************************************************ */

    body.communication .select-thema-section .select-thema-section {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    body.communication .select-thema-section-intro {
        background-color: #fff;
    }

    body.communication #frame-27990 {
        background: #f5f5f5;
    }

    body.communication #frame-27990 .menu.sommaire {
        padding-top: 0;
    }

    body.communication #portal .sidebar-section {
        padding-top: 0;
    }

    body.communication .hero-communication {
        background-image: url(images/bg-outils-com.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.communication .hero-communication .hero-communication {
        background-image: none;
        background-color: rgba(0, 0, 0, .6)
    }

    body.communication .communication-section .container {
        /*!    margin-bottom: 2.125rem*/
    }
    /*! sommaire */

    .menu.sommaire nav ul li {
        padding: 4px 0 !important;
        margin: 0;
        padding-left: 2rem !important;
        opacity: 1;
    }

    body.communication .menu.sommaire nav>ul li {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.communication .menu.sommaire nav h3.yoyo-trigger:hover {
        opacity: .65;
    }

    body.communication .menu.sommaire nav.yoyo-container .yoyo-trigger.in:before,
    body.communication .menu.sommaire nav.yoyo-container .yoyo-trigger:before {
        right: unset;
        left: 150px;
        top: -.75rem;
    }

    @media (max-width:555px) {
        .menu.sommaire nav ul li {
            padding-left: 1rem !important;
        }
    }

    .menu.sommaire nav ul li a {
        width: 100%;
        display: block;
    }

    .menu.sommaire nav ul li a:hover {
        background: rgba(255, 255, 255, .75);
    }

    .menu.sommaire nav ul>li {
        opacity: .85;
    }

    .menu.sommaire nav>ul>li {
        display: block;
        padding: 8px 0 !important;
        background-color: #f5f5f5;
        margin: 5px 2px;
        padding-left: 10px !important;
        margin-left: 0px !important;
    }

    .menu.sommaire nav>ul>li>a {
        text-transform: uppercase;
    }
    /*! sidebar */

    body.communication .sidebar-section div[class^="indispensable-"] {
        display: flex;
        align-items: stretch;
        background: #ffd076;
        margin: 1rem 0;
        /*    border: 1px solid #000;*/
        /*    padding-right: .5rem;*/
    }

    body.communication .sidebar-section div[class^="indispensable-"]:hover {
        background: #fff;
        /*    border: 1px solid #000;*/
    }
    /*
body.communication .sidebar-section div[class^="indispensable-"]:hover i{
    opacity:.85;
}
*/

    body.communication .sidebar-section div[class^="indispensable-"] i {
        color: transparent;
        padding: .825rem;
        /*    background: #ffd076;*/
        position: relative;
        width: 50px;
        min-width: 50px;
        display: flex;
        align-items: center;
    }

    body.communication .sidebar-section div[class^="indispensable-"] i:before {
        color: #000;
        margin: 0;
        /*    position: absolute;*/
        width: 50px;
        right: 0;
    }

    body.communication .sidebar-section div[class^="indispensable-"] i.icon-link:before {
        font-size: 1.325rem
    }
    /*
body.communication .sidebar-section .indispensable-jaquettes i:before{
    content:"";
    background:url(images/external_link.png) no-repeat center;
    background-size: 15px;
    position: absolute;
    top:0;right:0;bottom: 0;left:0;
}
*/

    body.communication .sidebar-section div[class^="indispensable-"] p,
    body.communication .sidebar-section div[class^="indispensable-"] a {
        margin: 0;
        color: #000;
        display: flex;
        align-items: center;
        flex: 1;
    }

    body.communication .sidebar-section div[class^="indispensable-"] a {
        height: 100%;
        display: flex;
        justify-content: space-between;
        padding-left: .5rem;
    }
    /*! section faire connaitre */

    .communication-section-connaitre ul,
    .communication-section-connaitre ol,
    .communication-section-valoriser ol,
    #com-animation ul {
        padding: 0 3rem;
    }

    @media (max-width:555px) {
        .communication-section-connaitre ul,
        .communication-section-connaitre ol,
        .communication-section-valoriser ol,
        #com-animation ul {
            padding: 0 0 0 1rem !important;
        }
    }

    .communication-section-connaitre ul>li,
    #com-animation ul>li {
        list-style-type: square !important;
    }

    .communication-section-connaitre ul li,
    .communication-section-connaitre ol li {
        padding: .5rem 0;
    }

    .communication-section-connaitre ul li li {
        list-style-type: circle !important;
    }

    body.communication .select-thema-section .communication-section-valoriser {
        padding-bottom: 0;
    }
    /*! recherches capturées exemples de concerts educatifs pour la com */

    body.communication .select-thema-section .select-thema-section-rechercheCapturee {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    body.communication .select-thema-section .select-thema-section-rechercheCapturee h2 {
        margin-bottom: .5rem;
    }

    body.communication .select-thema-section .select-thema-section-rechercheCapturee h2 span {
        margin-top: .5rem;
        margin-bottom: .5rem;
        font-size: 1.125rem;
        color: #000;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        text-transform: none;
        text-align: left
    }

    body.communication #portal .select-thema-section-rechercheCapturee h2:before,
    body.communication .template-info,
    body.communication .template-auteur,
    body.communication .rs-staticList .notice_corps ul.cim-short-genre {
        display: none;
    }

    .com-md-concevoir figure a {
        position: relative;
        display: block;
    }

    .com-md-concevoir figure a:after {
        display: none
    }

    .com-md-concevoir figure a:hover:after {
        content: "télécharger le dépliant (.pdf)";
        display: block;
        text-align: center;
        color: #000 !important;
        text-transform: uppercase;
        font-size: .825rem;
        padding: 2rem;
        background: url(images/icon-download.png) no-repeat center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .com-md-concevoir figure a:hover img {
        opacity: .2;
    }

    @media (min-width:768px) {
        .com-md-concevoir {
            display: flex;
        }
        .com-md-concevoir>div:last-of-type {
            padding-left: 2rem;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
    }

    .com-md--supportsPAD {
        display: flex;
    }

    .com-md--supportsPAD {
        display: flex;
    }

    .com-md--supportsPAD img {
        padding-right: 2rem;
    }

    @media (max-width:767px) {
        .com-md--supportsPAD {
            display: block;
        }
        .com-md--supportsPAD img {
            padding-right: .5rem;
            float: left;
            width: 150px;
            max-width: 150px;
        }
    }
    /*! *************************** */
    /*! 21/ PAGE JAQUETTES :     */
    /*! *************************** */

    body.page-PAD.jaquettes .hero-jaquettes {
        background-image: url(images/bg-jaquettes.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }

    body.page-PAD.jaquettes .cta {
        background: url(images/bg-outils-com.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }

    body.page-PAD.jaquettes .hero-jaquettes .hero-jaquettes,
    body.page-PAD.jaquettes .cta .cta {
        background: rgba(0, 0, 0, .5);
    }

    .jaquettes-section-aquoiservent h3:first-of-type,
    .jaquettes-section-perso h3:first-of-type {
        margin-top: 0;
    }

    .jaquettes-section-aquoiservent .col-md-8.col-sm-12 {
        padding-right: 1rem;
    }

    .jaquettes-section-aquoiservent .col-md-4.col-sm-12 {
        padding-left: 2rem;
    }

    body.jaquettes .menu.sommaire nav>ul>li {
        padding: 0!important;
    }

    body.jaquettes .menu.sommaire nav>ul>li a {
        padding: 8px 0 8px 10px!important;
        font-size: .825rem !important;
    }

    body.jaquettes .menu.sommaire nav>ul>li a img {
        float: right;
        margin-right: 1.5rem;
        width: 16px;
        margin-top: .2rem;
    }

    @media (max-width:991px) {
        .jaquettes-section-aquoiservent .col-md-4.col-sm-12 {
            padding-left: 0;
        }
    }
    /*! *************************** */
    /*! 22/ PAGE TYPE CONTENU       */
    /*! *************************** */

    body.page-PAD.page-contenu .section .section {
        padding-top: 2rem;
        padding-bottom: 2rem;
        max-width: 1100px;
    }

    body.page-PAD.page-contenu .section .section:not(.cta) {
        margin: 0 auto;
    }

    body.page-contenu h2,
    body.page-contenu h2 span,
    body.page-contenu h2.category_header,
    body.page-contenu h2.tl-headline.tl-headline-title,
    body.page-contenu h2>span {
        text-align: left;
    }

    body.page-contenu #portal h2::before {
        left: 0;
    }

    body.page-contenu .rebondsPagesDecouverte h2,
    body.page-contenu .rebondsPagesDecouverte h2 span {
        text-align: center;
    }
    /*! *************************** */
    /*! 00000/ PAGE RESULTATS DE RECHERCHE :               */
    /*! *************************** */
    /*! *************************** */
    /*! Résultats : Sidebar facets  */
    /*! *************************** */

    #aside #facet_container {
        padding-top: .4rem
    }

    #aside #options_resultat {
        background-color: #f5f5f5
    }
    /*! titre de l'encart facettes : */

    #aside #options_resultat .accordion  div.panel-group {
        border-bottom: 1px solid #ddd;
        padding-bottom: .825rem
    }

    #aside #options_resultat .panel-heading {
        display: block;
        padding-top: 2.25rem !important;
        padding-bottom: .15rem !important;
        background-color: #f5f5f5
    }

    #aside #options_resultat .panel-heading h2,
    #aside #options_resultat .panel-heading h2 span,
    #aside #options_resultat .panel-heading h3,
    #aside #options_resultat .panel-heading h3 span {
        font-size: 1rem;
        text-align: left;
        margin-bottom: 0
    }

    #aside #options_resultat .panel-heading h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        font-weight: 400
    }
    /*! fleches ouvrir/fermer une facette : */

    #facet_container .icon-resize-full,
    #facet_container .icon-resize-small {
        font-size: 1rem;
        position: relative;
        height: 1rem;
        width: 1rem;
        margin-right: .825rem;
        -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
    }

    #facet_container .icon-resize-full:before,
    #facet_container .icon-resize-small:before {
        content: '\e85a';
        display: inline-block;
        height: 1rem;
        position: relative;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        vertical-align: top;
        width: 1rem;
        font-size: 2rem;
        -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
    }

    #facet_container .icon-resize-full:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: .25rem
    }
    /*! sous-facettes */

    #aside #options_resultat #facet_container.accordion .facetList.nav-pills>li>a {
        padding: 5px 5px 5px 0
    }
    /*
#aside #options_resultat #facet_container #accordion .facetList.nav-pills>li>a>span {
    opacity: .9;
}

#aside #options_resultat #facet_container #accordion .facetList.nav-pills>li:hover>a>span {
    opacity: 1
}
 */

    #aside #options_resultat #facet_container.accordion .nav-pills>li>a>.badge {
        font-weight: 400;
        font-size: .875rem;
        padding-bottom: 0;
        line-height: 1.2
    }
    /*! bouton voir plus de sous-facettes */

    #aside #options_resultat #facet_container.accordion .facet-controls {
        text-align: left;
        margin-left: 0
    }

    #aside #options_resultat #facet_container.accordion .facet-controls button {
        text-transform: none;
        color: #333;
    }

    #aside #options_resultat #facet_container.accordion .facet-controls span {
        color: #333;
        margin-right: .325rem
    }

    #aside #options_resultat #facet_container.accordion .facet-controls i.icon-minus,
    #aside #options_resultat #facet_container.accordion .facet-controls span.icon-plus {
        float: left;
        margin-top: -.325rem
    }

    #aside #options_resultat #facet_container.accordion .facet-controls i.icon-minus::before,
    #aside #options_resultat #facet_container.accordion .facet-controls span.icon-plus::before {
        content: '\e85a';
        font-size: 1.5rem;
        font-weight: 700
    }

    #aside #options_resultat #facet_container.accordion .facet-controls span.icon-plus::before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    #aside #options_resultat #facet_container.accordion .facet-controls i.icon-minus::before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    /*! *************************** */
    /*! Résultats : Liste Résultats */
    /*! *************************** */
    /*! heading resultats */

    #resultats_recherche .panel-heading {
        padding: 0
    }

    #resultats_recherche .panel-body {
        /*    margin-top: 1rem*/
    }

    #resultats_recherche .facetList.nav-pills>li.active>a {
        font-weight: 700;
        text-decoration: none;
        color: #FFF
    }

    .more-actions-mobile.visible-xs {
        display: block!important
    }

    .more-actions-mobile.visible-xs .permalink i.icon-link {
        font-size: 2.2rem
    }

    .more-actions.hidden-xs {
        display: none!important
    }

    .page-notice-PAD #detail-notice .more-actions.hidden-xs,
    .page-Recherche-PAD #detail-notice .more-actions.hidden-xs {
        display: block!important;
        position: absolute;
        right: 8rem;
        top: 0;
        margin-top: 0;
        z-index: 99;
    }

    .page-notice-PAD #detail-notice .more-actions.hidden-xs .permalink,
    .page-Recherche-PAD #detail-notice .more-actions.hidden-xs .permalink {
        display: none!important;
    }

    #resultats_recherche .pagination-container.col-md-7 {
        width: 66.6667%
    }

    #resultats_recherche .pagination-container.col-md-7 ul li {
        margin-left: .5rem
    }

    #resultats_recherche .pagination-container.col-md-7 ul li.active span {
        border: 0;
        font-weight: 700
    }
    /*! masquer la barre de tri du bas de page */

    #resultats_recherche #resultats+.navigation>.criteres_tri {
        display: none
    }
    /*! barre de tri du haut de page */

    .criteres_tri {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .criteres_tri>div,
    .criteres_tri>span {
        margin-right: 1rem
    }

    .criteres_tri .select-all {
        float: none!important;
        display: inline-block!important;
        position: absolute;
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        right: 1rem;
        width: 30px;
        margin-right: 0
    }

    .criteres_tri .select-all input.check_all {
        width: 100%;
        margin: 0!important;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 99;
        cursor: pointer
    }

    .criteres_tri .select-all:after {
        font-family: ermes-font-update;
        font-style: normal;
        font-size: 1.125rem;
        font-weight: 400;
        speak: none;
        display: inline-block;
        color: #ccc;
        text-decoration: inherit;
        width: 1.325rem;
        position: absolute;
        left: calc(50% - .55rem);
        text-align: center;
        opacity: 1
    }

    .criteres_tri .select-all:hover:after {
        color: #ffd076
    }

    .criteres_tri .displaymode-icon-container .searchList-btn .labelSelect,
    .criteres_tri .sort-order .labelSelect.sort {
        max-width: 250px
    }

    .criteres_tri .displaymode-icon-container {
        float: none!important;
        margin-left: 0;
        margin-top: 0
    }
    /*! navigation mobile d'Ermes : comprenant les fleches prev-next + le mode d'affichage + le btn declencheur des facets (qui ne fonctionne pas par défaut) */

    .mobile-navigation {
        background-color: transparent
    }

    .mobile-navigation .btn.filterAside {
        display: none!important
    }

    .mobile-navigation .btn,
    .mobile-navigation>.btn-group {
        background-color: #f5f5f5
    }

    .mobile-navigation .btn.precedent,
    .mobile-navigation .btn.suivant {
        background-color: #ffd076
    }
    /*! ******** */
    /*! version mobile : navigation resultats et affichage des facets : */

    @media (max-width:991px) {
        /*! masque le nombre de résultats, ils seront affichés dans la navigation-page */
        #resultats_recherche #criteres_recherche>p.visible-xs.visible-sm {
            display: none!important
        }
        #resultats_recherche .navigation .criteres_tri span.sort-order.site-restriction+div.hidden-sm,
        #resultats_recherche .navigation .criteres_tri span.sort-order.site-restriction+div.hidden-xs {
            display: block!important
        }
        /*! cache la navigation mobile d'Ermes d'en haut de page */
        #resultats_recherche div.mobile-navigation:first-of-type {
            display: none!important
        }
        /*! laisse voir la nav classique qu'on arrangera nous-memes */
        .navigation>.row.navigation-page {
            display: block!important;
            width: 100%
        }
        .navigation>.row.navigation-page>.pagination-container.col-md-7 {
            width: auto!important
        }
    }

    @media (max-width:767px) {
        /*! facets : */
        .searchContainer #resultsContainer #aside {
            display: block;
            display: none;
            position: absolute;
            width: 100%;
            left: 0;
            top: 70px;
            z-index: 9999;
            padding-right: 1rem;
            padding-left: 1rem;
            background-color: #f5f5f5
        }
        .searchContainer #resultsContainer #aside.in {
            display: block;
            position: fixed;
            top: 70px;
            height: calc(100% - 70px);
            overflow: scroll
        }
        .searchContainer #resultsContainer #aside.in #options_resultat {
            position: absolute;
            top: 0;
            width: 95%
        }
        .searchContainer #resultsContainer #aside.in #options_resultat .panel-search-container>.panel-heading {
            display: block;
            padding-bottom: 0
        }
        .searchContainer #resultsContainer #aside.in #options_resultat .panel-search-container>.panel-heading h2 {
            display: block;
            font-size: 1.325rem;
            text-align: center;
            padding: 0
        }
        .searchContainer #resultsContainer #aside.in #options_resultat .panel-search-container>.panel-heading h2 span {
            width: 100%;
            font-size: 1.325rem;
            text-align: center
        }
        .searchContainer #resultsContainer #aside.in #options_resultat .panel-search-container>.panel-heading a.go-top-page.visible-xs {
            display: none!important
        }
        #resultats_recherche div.mobile-navigation:first-of-type {
            display: block!important
        }
        #resultats_recherche div.mobile-navigation:first-of-type>.btn.filterAside,
        #resultats_recherche div.mobile-navigation:first-of-type>a,
        #resultats_recherche div.mobile-navigation:first-of-type>div,
        #resultats_recherche div.mobile-navigation:first-of-type>span {
            display: none!important
        }
    }
    /*! fin : heading resultats */
    /*! affichage liste des resultats : */

    #resultats {
        /*
    padding-left: 20px;
    padding-right: 20px
*/
    }

    #resultats>ul.notice {
        /*    border-top: 10px solid #f5f5f5;*/
    }

    #resultats>ul:not(#modeDisplayVignet)>li {
        background: none repeat scroll 0 0 #fff;
        background-color: #fff;
        /*    margin-bottom: .5rem;*/
    }

    @media (min-width:768px) {
        #resultats>ul:not(#modeDisplayVignet)>li {
            width: 100%
        }
    }

    #resultats>ul:not(#modeDisplayVignet)>li.on {
        background: none repeat scroll 0 0 #fff;
        background-color: #fff;
        /*    margin-bottom: .5rem;*/
        /* box-shadow: 0 0 0 4px #ffd076 inset; */
        border: 4px solid #ffd076;
    }

    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-decouverte.on,
    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-integrale.on,
    #resultats>ul:not(#modeDisplayVignet)>li:nth-of-type(even).on {
        /* box-shadow: 0 0 0 4px #ffd076 inset */
        border: 4px solid #ffd076;
    }

    .exp_date,
    .expdate,
    a.btn-default.btn.connect-notice {
        display: inline-block;
        padding: .5rem 1rem;
        font-size: 1rem;
        border: 1px solid #f5f5f5;
        border-bottom: .08rem solid #f5f5f5;
        background: #f5f5f5;
        background-color: #f5f5f5!important;
        border-radius: 25px;
    }

    p.highlight,
    p.highlight em {
        font-style: italic;
        color: #000;
        font-weight: 100
    }

    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-decouverte:nth-of-type(even) .exp_date,
    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-decouverte:nth-of-type(even) .expdate,
    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-decouverte:nth-of-type(even) a.btn-default.btn.connect-notice {
        border: 1px solid #fff;
        border-bottom: .08rem solid #fff;
        background: #fff;
        background-color: #fff!important
    }

    a.btn-default.btn.connect-notice:hover {
        background: #e6e6e6;
        background-color: #e6e6e6!important
    }

    .notice-GE .connecter.connect-notice {
        width: 320px!important;
        max-width: 320px!important;
    }

    #resultats>ul>li .row {
        margin-bottom: .5rem
    }

    #resultats>ul:not(#modeDisplayVignet)>li,
    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-integrale,
    #resultats>ul:not(#modeDisplayVignet)>li.on {
        /*    border: 2px solid #ffd076;*/
        /*    border-top: 2px solid #ffd076;*/
        /* border-bottom: 10px solid #f5f5f5; */
        cursor: auto;
        border-radius: 16px;
        border: 4px solid transparent;
        margin-bottom: 1em;
    }

    #resultats>ul:not(#modeDisplayVignet)>li:hover {
        border: 4px solid #ffd076;
    }

    #resultats>ul.notice>li>.chevron-search.visible-xs {
        display: none!important;
    }

    .notice_courte .notice_corps.media.col-sm-9.col-md-10 {
        width: 100%!important
    }

    #resultats #modeDisplayVignet .paragraph-end {
        display: none
    }
    /*! bouton panier global + paniers items */

    #notice_longue .metadata-actions .select,
    #resultats .select {
        display: block!important;
        background-color: transparent;
        height: 40px;
        top: 1rem;
        right: 1rem
    }

    #resultats .select {
        right: .5rem;
    }

    .ermes-label[for^=check-all] {
        width: 40px;
        height: 40px;
        right: .5rem;
        top: 1.5rem;
        left: unset;
        text-indent: -10000px;
        position: absolute;
        z-index: 100;
        margin-bottom: 0
    }

    #notice_longue .metadata-actions .select label.ermes-label,
    #resultats .select label.ermes-label {
        width: 40px;
        height: 40px;
        left: 0;
        text-indent: -10000px;
        position: absolute;
        z-index: 99;
        margin-bottom: 0
    }

    #notice_longue .metadata-actions .select label:after,
    #resultats .select label:after,
    .ermes-label[for^=check-all]:after {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: url(images/icon-checked-gris.png) no-repeat center;
        background-size: contain
    }

    #notice_longue .metadata-actions .select:hover label:after,
    #resultats .select:hover label:after,
    .ermes-label[for^=check-all]:hover:after {
        background: url(images/icon-checked-jaune.png) no-repeat center
    }

    #notice_longue .metadata-actions .select input[type=checkbox],
    #resultats .select input[type=checkbox] {
        cursor: pointer;
        z-index: 9;
        margin: 0;
        width: 50%;
        left: 20%;
        position: relative;
        opacity: 0
    }

    #notice_longue .metadata-actions .select input[type=checkbox]:checked+label:after,
    #resultats .select input[type=checkbox]:checked+label:after,
    .ermes-label.caseCochee[for^=check-all]:after {
        background: url(images/icon-checked.png) no-repeat center
    }
    /*!
#resultats .select:before {
    content: '';
    height: 1rem;
    width: 6px;
    background-color: #fff;
    position: absolute;
    top: calc(50% - .5rem);
    left: calc(50% - 3px);
    opacity: 1
}

#resultats .select:after {
    content: '';
    width: 1rem;
    height: 6px;
    background-color: #fff;
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - .5rem);
    opacity: 1
}*/

    #notice_longue .metadata-actions .select,
    #resultats .select:after {
        font-family: ermes-font-update;
        font-style: normal;
        font-size: 1.125rem;
        font-weight: 400;
        speak: none;
        display: inline-block;
        color: #fff;
        text-decoration: inherit;
        opacity: 1;
        position: absolute;
        top: calc(50% - .55rem);
        left: calc(50% - .55rem);
        text-align: center
    }
    /*!

#resultats #modeDisplayVignet .select:before {
    content: '';
    height: 1rem;
    width: 6px;
    background-color: #ffbd70;
    position: absolute;
    top: calc(50% - .5rem);
    left: calc(50% - 3px);
    opacity: 1
}

#resultats #modeDisplayVignet .select:after {
    content: '';
    width: 1rem;
    height: 6px;
    background-color: #ffbd70;
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - .5rem);
    opacity: 1
}

*/

    #modeDisplayVignet .select.selectBoxVignet {
        border: 0
    }

    #resultats #modeDisplayVignet .select:after {
        font-family: ermes-font-update;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        color: #ccc;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center
    }

    .btn-group.pageSize-container button {
        color: #ffbd70!important;
        font-weight: 700!important
    }

    @media (max-width:767px) {
        #resultats>ul:not(#modeDisplayVignet) .select:after {
            color: #ccc;
            line-height: 0
        }
    }
    /*! facets */

    #facet_container {
        background: #f5f5f5
    }

    #resultats_recherche .facetList.nav-pills>li>a {
        background-color: #eee;
        color: #444;
        margin-right: .325rem;
        margin-bottom: .325rem
    }

    #resultats_recherche .facetList.nav-pills>li>a:focus,
    #resultats_recherche .facetList.nav-pills>li>a:hover {
        background-color: #ffd076;
        color: #444
    }
    /*! mode display-vignet = "mozaic tableau" dans les options de présentation d'ermes */
    /*
#resultats_recherche .facetList.nav-pills>li.active>a {
    background: #ccc
}

#modeDisplayVignet {
    padding-top: 0;
    background: 0 0
}

#modeDisplayVignet li.search-item,
#modeDisplayVignet li.search-item:hover {
    border: 0
}

#modeDisplayVignet .vignet {
    box-shadow: none;
    margin: 12px;
    background: #fff;
    border-radius: 0;
    border: 2px solid #ffd076;
    position: relative
}

#modeDisplayVignet .noStatus {
    border-radius: 0;
    background-color: transparent
}

#resultats>ul>li.on .vignet {
    box-shadow: 0 -5px 0 0 #ffd076 inset
}

#modeDisplayVignet .vignet {
    height: 265px;
    padding-bottom: 1rem;
}

#containerSearchList .titleVignet,
#modeDisplayVignet .titleVignet {
    cursor: default;
    height: 2.4rem;
    font-family: 'Philharmonique SemiBold', sans-serif;
    text-transform: uppercase;
    font-size: .825rem;
    margin-bottom: .5rem;
}

#modeDisplayVignet .vignet .notice_container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap
}

#modeDisplayVignet .vignette_document {
    line-height: 1;
    overflow: hidden;
    height: 150px;
    margin: 0;
}

#modeDisplayVignet .vignette_document>a {
    height: 100%;
    width: 100%;
}

#modeDisplayVignet .vignette_document .thumbnail-wrapper {
    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-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

#modeDisplayVignet .vignette_document .thumbnail-wrapper img.img-thumbnail {
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
    max-width: none;
    height: 150px;
    width: auto;
    min-width: 100%
}

#modeDisplayVignet .vignet .informationVignet {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    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
}

#modeDisplayVignet .subTitleVignet:last-of-type {
    color: #000
}

#modeDisplayVignet .vignet .subTitleComplement {
    font-size: .725rem;
    line-height: 1.1;
    padding-right: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    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;
    max-height: 50px
}

#modeDisplayVignet .select.selectBoxVignet {
    height: 20px;
    width: 20px;
    right: 1.325rem;
    bottom: 1.325rem
}

#resultats #modeDisplayVignet .select label.ermes-label {
    left: 0;
    top: -.5rem;
}

 */
    /* Mise a la charte Christophe  */

    #modeDisplayVignet .vignette_document {
        overflow: visible;
        margin: 0;
    }

    #modeDisplayVignet .subTitleVignet {
        color: #444;
    }

    #modeDisplayVignet .vignette_document,
    .obtain-document-link-vignet,
    #modeDisplayVignet .statut,
    #modeDisplayVignet .noStatus,
    #modeDisplayVignet {
        background: transparent;
    }

    #resultats #modeDisplayVignet a .thumbnail-wrapper {
        border-radius: 16px 16px 0 0;
    }

    #resultats #modeDisplayVignet a:focus .thumbnail-wrapper {
        outline-offset: -2px;
        outline: 5px solid #b3d6fd!important;
        position: relative;
    }

    #resultats #modeDisplayVignet li {
        border-bottom: none;
    }

    #resultats #modeDisplayVignet .vignet {
        border-radius: 16px;
        height: 300px;
    }

    #resultats #modeDisplayVignet .thumbnail-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    #resultats #modeDisplayVignet .thumbnail-wrapper img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        width: 110%;
        max-width: unset;
    }
    /* 01092022 Migration syracuse Christophe */

    #resultats #modeDisplayVignet .titleVignet {
        font-family: 'Philharmonique Semibold';
        font-size: 1rem;
        height: 2.1rem;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 0.5rem;
        cursor: default;
    }
    /* END 01092022 Migration syracuse Christophe */

    #resultats #modeDisplayVignet .select label:after {
        right: 10px;
    }

    #resultats #modeDisplayVignet .selectBoxOneVignet:focus {
        outline-offset: -2px;
        outline: 5px solid #b3d6fd!important;
        position: relative;
    }

    #resultats .select input:focus+label.ermes-label {
        outline-offset: -2px;
        outline: 2px solid #b3d6fd!important;
    }
    /* 01092022 Migration syracuse Christophe */

    #ariane {
        transform: translate(-50%);
        left: 50%;
        top: 120px;
        padding-left: 20px;
        width: 95% !important;
        position: absolute !important;
    }

    @media screen and (min-width: 991px) {
        .connecte #ariane {
            top: 160px;
        }
    }

    body.ext4.content-modele.cf-rtm.pad.page-gamelan #ariane,
    body.ext4.content-modele.cf-rtm.pad.page-gamelan #ariane span,
    body.ext4.content-modele.cf-rtm.pad.page-gamelan #ariane span a,
    .page-2021-2colonnes.b-a-o #ariane span,
    .page-2021-2colonnes.b-a-o #ariane span a,
    .page-gamelan #ariane span,
    .histoireinstru-modele #ariane span,
    .page-gamelan #ariane span,
    .page-gamelan #ariane span,
    .facteur-modele #ariane span,
    .incontournable-modele #ariane span,
    .content-oe-modele #ariane span {
        color: #fff !important;
        position: relative !important;
        z-index: 1;
    }

    body.ext4.content-modele.cf-rtm.pad.page-gamelan #ariane {
        top: 10px;
    }

    .page-2021-2colonnes.b-a-o .hero {
        position: relative;
        height: 280px;
    }

    .page-2021-2colonnes.b-a-o .wrap-hero {
        position: relative;
        height: 350px;
    }

    #frame-24253,
    .histoireinstru-modele #zone-2,
    .facteur-modele #zone-2,
    .incontournable-modele #zone-2,
    .content-oe-modele #zone-2 {
        position: relative;
        height: 190px;
    }

    #frame-46578,
    .histoireinstru-modele #zone-4 .webframe-ermes-carousel,
    .histoireinstru-modele .incontournable-rebond,
    .histoireinstru-modele .incontournable-identite,
    .incontournable-modele .incontournable-rebond,
    .incontournable-modele .incontournable-identite,
    .facteur-modele #zone-5,
    .facteur-modele .rebond,
    .facteur-modele .content-img-gch,
    .facteur-modele .oe-accroche,
    .facteur-modele .only-content,
    .content-oe-modele .content-img-gch,
    .content-oe-modele .oe-accroche,
    .content-oe-modele .only-content,
    .select-thema-modele #zone-4,
    body.select-thema-modele .cms-inner-layout .cms-inner-zone:nth-of-type(2)>div {
        border-radius: 16px;
        background-color: #fff;
        padding: 0 0.3em;
    }

    body.select-thema-modele .select-thema-section-intro,
    .select-thema-modele #zone-2 {
        background-color: transparent;
    }

    .select-thema-modele #zone-2 {
        margin-bottom: 2em;
    }

    .facteur-modele #zone-5 {
        margin-top: 1em;
    }

    #frame-24253 .frame-portalcarouselwebframefactory,
    .page-2021-2colonnes.b-a-o .wrap-hero,
    .facteur-modele #zone-2>div .frame-portalcarouselwebframefactory:not(.print-pdf):not(.typeDoc-marqueur),
    .histoireinstru-modele #zone-2>div .frame-portalcarouselwebframefactory:not(.print-pdf):not(.typeDoc-marqueur),
    .incontournable-modele #zone-2>div .frame-portalcarouselwebframefactory:not(.print-pdf),
    .histoireinstru-modele #zone-2>div .frame-portalcarouselwebframefactory:not(.print-pdf),
    .content-oe-modele #zone-2>div .frame-portalcarouselwebframefactory:not(.print-pdf) {
        position: absolute;
        margin: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 105vw;
        max-width: 1630px;
        background: linear-gradient(to bottom, rgba(0, 27, 59, .4) 0%, #001b3b 99%);
        height: 340px;
        top: -64px;
        border-radius: 16px;
    }

    .incontournable-modele #zone-2>div .frame-portalcarouselwebframefactory:not(.print-pdf) {
        top: -96px;
    }

    .page-2021-2colonnes.b-a-o .wrap-hero {
        top: 0;
    }

    #frame-46578,
    .histoireinstru-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .facteur-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .incontournable-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .content-oe-modele #zone-2 .frame-portalcarouselwebframefactory h1 {
        position: relative;
        z-index: 10;
    }

    .content-oe-modele #portal .h2-titre .h2-titre {
        padding-top: 0;
    }

    .page-gamelan #portal h1,
    .page-gamelan #portal h1 span,
    .histoireinstru-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .histoireinstru-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .histoireinstru-modele #zone-2 .frame-portalcarouselwebframefactory h1 span,
    .facteur-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .facteur-modele #zone-2 .frame-portalcarouselwebframefactory h1 span,
    .facteur-modele #zone-2 .frame-portalcarouselwebframefactory h1 .sousTitre,
    .facteur-modele #zone-2 .frame-portalcarouselwebframefactory h1 .sousTitre,
    .incontournable-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .incontournable-modele #zone-2 .frame-portalcarouselwebframefactory h1 span,
    .incontournable-modele #zone-2 .frame-portalcarouselwebframefactory h1 .sousTitre,
    .content-oe-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .content-oe-modele #zone-2 .frame-portalcarouselwebframefactory h1 span,
    .content-oe-modele #zone-2 .frame-portalcarouselwebframefactory h1 .sousTitre,
    .content-oe-modele #portal .h2-titre .h2-titre h1 .sousTitre,
    .content-oe-modele #portal .h2-titre .h2-titre h1 {
        color: #fff;
    }

    .page-gamelan #portal h1,
    .histoireinstru-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .facteur-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .incontournable-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .content-oe-modele #zone-2 .frame-portalcarouselwebframefactory h1,
    .content-oe-modele #portal .h2-titre .h2-titre h1 {
        padding-top: 90px;
    }
    /*     body.ext4.content-modele.cf-rtm.pad.page-gamelan #ariane {
        top: 10px;
        position: relative !important;
    } */

    .page-2021-2colonnes.b-a-o #layout-3 {
        background-color: transparent;
    }

    .page-2021 #portal li.mozaik-item {
        list-style-type: none;
    }

    body.histoireinstru-modele:not(.page-pad) #page .cms-inner-zone>div[id^="frame-"],
    body.facteur-modele:not(.page-pad) #page .cms-inner-zone>div[id^="frame-"],
    body.incontournable-modele:not(.page-pad) #page .cms-inner-zone>div[id^="frame-"] {
        margin-bottom: 0;
    }

    .facteur-modele #portal h1 span {
        margin: 0;
    }

    .facteur-modele #portal #zone-2 div[id^='frame-']:nth-child(3) {
        visibility: hidden;
    }

    .page-gamelan.content-modele p {
        text-align: center;
    }

    .page-gamelan.content-modele #ariane p {
        text-align: left;
    }

    @media screen and (min-width: 992px) {
        .histoireinstru-modele #zone-4,
        .facteur-modele #zone-4,
        .incontournable-modele #zone-4,
        .content-oe-modele #zone-4,
        .histoireinstru-modele #zone-5,
        .facteur-modele #zone-5,
        .incontournable-modele #zone-5,
        .content-oe-modele #zone-5,
        .content-oe-modele #portal #layout-3 #zone-5 {
            background-color: #fff;
            border-radius: 16px;
            margin-top: 0;
            width: 67%;
        }

        .histoireinstru-modele #zone-5,
        .facteur-modele #zone-5,
        .incontournable-modele #zone-5,
        .content-oe-modele #zone-5,
        .content-oe-modele #portal #layout-3 #zone-5,
        #zone-5:not(#aside),
        #zone-5:not(.page-2021-2colonnes.b-a-o) {
            width: 30%;
            margin: 0 0 0 3%;
        }
    }


    #zone-5 * {
        text-align: left;
    }

    body.select-thema-modele .cms-inner-layout {
        max-width: 1600px;
    }

    #page>.container {
        max-width: 1600px;
        margin: auto;
        width: calc( 100% - 4em);
    }

    #page #frame-21640 .panel-body,
    body:not(.home) #page .searchContainer .panel-body,
    body:not(.home) #page .searchContainer .panel-footer,
    body:not(.home) #page .searchContainer .panel-heading {
        padding-left: 0.625rem!important;
        padding-right: 0.625rem!important;
    }

    .connecte #page>div.container-full.topBarContainer+header[role=banner] {
        top: 140px;
    }

    #resultsContainer #aside {
        margin-left: 1%;
    }

    .rsContainer {
        max-width: 350px;
        margin: auto;
    }

    .frame.hero-select-thema.pleineLargeur {
        position: relative;
        height: 350px;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
        max-width: 1630px;
        border-radius: 16px;
    }

    .frame.hero-select-thema.pleineLargeur .hero-select-thema.pleineLargeur {
        position: absolute;
        width: 100vw;
        height: 100%;
        max-width: 1630px;
        border-radius: 16px;
    }

    .menuHorizontal.select-thema-section {
        background-color: #fff;
    }
    /* END 01092022 Migration syracuse Christophe */
    /* END Mise a la charte Christophe  */
    /*! page resultats responsive mobile : */

    @media (max-width:575px) {
        ul#modeDisplayVignet .col-sm-4 {
            width: 100%!important
        }
        #modeDisplayVignet .vignet {
            margin-right: auto;
            margin-left: auto
        }
    }

    @media (max-width:767px) {
        .searchContainer #resultsContainer #aside {
            display: none
        }
        #resultats_recherche.col-md-8 {
            width: 100%
        }
        #resultats_recherche.col-md-push-4 {
            left: 0
        }
    }

    @media (min-width:576px) and (max-width:991px) {
        ul#modeDisplayVignet .col-md-3 {
            width: 49%!important;
            display: inline-block
        }
    }

    @media (min-width:992px) {
        ul#modeDisplayVignet .col-lg-3 {
            width: 33.33%!important
        }
    }
    /*! fin : affichage resultats notices courtes */
    /*! ************************************************************************************************************** */
    /*! Version PAD#2 : affichage resultats notices courtes */

    .page-Recherche-PAD:not(.notice-PAD) #page {
        background-color: #f5f5f5
    }

    .page-Recherche-PAD #aside #options_resultat .global_content,
    .page-Recherche-PAD #resultats_recherche .global_content {
        margin-top: 0;
    }

    .page-Recherche-PAD #resultats_recherche .global_content {
        margin-top: 3rem !important;
    }

    .page-Recherche-PAD #ancreSearch {
        float: right;
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container .panel-heading .search-icon-container {
        /*    top: 15px;*/
        top: 28px;
        background: #ffd076;
        top: 1rem;
        right: 1rem;
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container .panel-body {
        /* background-color: #fff; */
        padding-top: 0
    }
    /*! intitulé de la recherche + facettes sélectionnées */

    .page-Recherche-PAD #criteres_recherche {
        padding-left: 0;
        padding-right: 0;
        float: none!important;
        clear: both;
        border-radius: 16px 16px 0 0;
        overflow: hidden;
        margin-bottom: 0;
    }

    .page-Recherche-PAD #criteres_recherche ul {
        background-color: #fff;
    }

    .page-Recherche-PAD #criteres_recherche>p:first-of-type {
        display: none
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:first-of-type {
        display: block;
        width: 100%;
        background-color: #ffd076;
        border: 0;
        padding: 1rem;
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:first-of-type a {
        opacity: 1;
        padding-top: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:first-of-type a span {
        font-family: 'Philharmonique SemiBold', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        color: #000;
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:nth-of-type(2) {
        margin-left: 20px;
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:nth-of-type(n+2) {
        display: inline-block;
        border: 0;
        margin-top: .5rem;
        margin-right: .325rem
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:nth-of-type(n+2) button.removeFacetFilter {
        background-color: #fff;
        padding: .325rem.75rem;
        border: 1px solid #ccc!important
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:nth-of-type(n+2) button.removeFacetFilter span {
        font-size: .825rem
    }

    .page-Recherche-PAD #criteres_recherche>ul>li:nth-of-type(n+2) button.removeFacetFilter span.icon-remove {
        font-size: 1rem;
        margin-left: 1rem
    }
    /*! *********************************************** */
    /*! navigation résultats + critères tri/affichage : */
    /*! navigation résultats : */

    .page-Recherche-PAD #documents_memorises .navigation-page #description_resultats span,
    .page-Recherche-PAD #resultats_recherche .navigation-page #description_resultats span {
        font-weight: 500;
        font-size: 1rem;
        text-transform: uppercase
    }

    .page-Recherche-PAD #documents_memorises .navigation-page #description_resultats span.additional-infos,
    .page-Recherche-PAD #resultats_recherche .navigation-page #description_resultats span.additional-infos {
        display: inline-block;
        position: relative
    }

    .page-Recherche-PAD #documents_memorises .navigation-page #description_resultats span.additional-infos::before,
    .page-Recherche-PAD #resultats_recherche .navigation-page #description_resultats span.additional-infos::before {
        content: "(";
        width: 1rem;
        display: inline-block;
        position: absolute;
        z-index: 22;
        background-color: #fff;
        text-align: right;
        left: -8px
    }

    .page-Recherche-PAD #documents_memorises .navigation-page #description_resultats span.additional-infos::after,
    .page-Recherche-PAD #resultats_recherche .navigation-page #description_resultats span.additional-infos::after {
        content: ")"
    }

    .page-Recherche-PAD #documents_memorises .navigation-page #description_resultats>span span:not(.additional-infos),
    .page-Recherche-PAD #resultats_recherche .navigation-page #description_resultats>span span:not(.additional-infos) {
        display: none
    }

    .page-Recherche-PAD #documents_memorises .panel-search-container>.panel-body>#resultats+div.navigation .navigation-page #description_resultats>span span:not(.additional-infos),
    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>#resultats+div.navigation .navigation-page #description_resultats>span span:not(.additional-infos) {
        display: inline-block;
        font-weight: 700
    }

    .page-Recherche-PAD .navigation .criteres_tri {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-right: 2.5rem;
        float: none!important;
        clear: both;
        min-height: 30px;
        -webkit-box-flex: 4;
        -ms-flex: 4;
        -webkit-flex: 4;
        flex: 4;
        align-items: center;
    }

    .page-Recherche-PAD .navigation .criteres_tri:before {
        float: none!important;
        clear: both
    }

    .page-Recherche-PAD .navigation .criteres_tri .searchList-btn>button {
        background-color: #f5f5f5
    }
    /*! tri et mode d'affichage : */

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation {
        /*     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: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 1.225rem;
    float: none!important;
    clear: both;
    position: relative */
        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: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 1rem 0 1rem;
        float: none!important;
        clear: both;
        position: relative;
        background-color: #fff;
        margin: 0 0 1rem;
        border-radius: 0 0 16px 16px;
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation.hidden-xs {
        border-radius: 16px;
        ;
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page {
        -ms-flex-preferred-size: 145px;
        -webkit-flex-basis: 145px;
        flex-basis: 145px;
        padding-right: 0;
        margin-bottom: 0;
        float: none!important;
        clear: both;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pull-left {
        min-width: 145px
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pull-left #description_resultats {
        margin: 0
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pagination-container {
        display: none!important
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>#resultats+div.navigation .navigation-page .pagination-container {
        display: inline-block!important;
        padding-left: 0;
        width: 100%!important
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>#resultats+div.navigation .navigation-page #description_resultats span.additional-infos {
        margin-left: 1rem
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pagination-container ul.pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        margin-top: 1rem
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pagination-container ul.pagination li {
        margin: 0
    }

    .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pagination-container ul.pagination li span {
        font-size: 1rem
    }

    @media (max-width:555px) {
        .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation {
            display: -webkit-box!important;
            display: -ms-flexbox!important;
            display: -webkit-flex!important;
            display: flex!important;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            margin-bottom: 1.225rem
        }
        .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page {
            -ms-flex-preferred-size: 2rem;
            -webkit-flex-basis: 2rem;
            flex-basis: 2rem;
            margin-bottom: 1rem
        }
        .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .criteres_tri {
            padding-left: 20px
        }
        .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pagination-container {
            display: inline-block
        }
        .page-Recherche-PAD #resultats_recherche .panel-search-container>.panel-body>div.navigation .navigation-page .pagination-container ul.pagination {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            -webkit-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: end;
            -ms-flex-align: end;
            -webkit-align-items: flex-end;
            align-items: flex-end
        }
        .page-Recherche-PAD .navigation .criteres_tri {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            padding-right: 0
        }
    }
    /*! ************************************************ */
    /*! 19/ NOTICES LONGUES                              */
    /*! ************************************************ */
    /*! player responsive */

    .embed-responsive {
        clear: both
    }

    .embed-responsive.embed-responsive-16by9 #frmPlayer,
    .embed-responsive.embed-responsive-16by9>div:first-of-type {
        /*min-height: 450px!important;*/
        min-height: 500px!important;
        /*    height:470px;*/
        display: flex;
    }
    /* Migration Syracuse 02092022 Christophe */

    #resultats_detail {
        background-color: #fff;
        padding: 1em;
        border-radius: 16px;
    }

    @media (min-width:768px) {
        #resultats_detail {
            background-color: #fff
        }
    }
    /*! boutons lancer lecture doc */

    #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;
        position: relative;
        background-color: #ffd076;
        text-align: left;
        text-transform: uppercase;
        padding: 2rem 3rem 2rem 8rem;
        width: 0;
        width: auto;
        float: none;
        -webkit-transition: background .25s ease-in-out;
        transition: background .25s ease-in-out;
        box-sizing: border-box;
        border-radius: 25px;
    }

    #player_contenu #player_content a.player-link:hover {
        background-color: #ffbd70
    }
    /*! bouton play pour les videos et documentaires */

    #ext-gen11.contenu-video,
    #player_content,
    #player_contenu {
        height: 100%
    }

    #player_contenu.contenu-video #player_content {
        position: relative
    }

    #player_contenu.contenu-video #player_content .player-buttons {
        display: inline-block;
        position: absolute;
        top: -500px;
        left: 0;
        right: 0;
        bottom: 0
    }

    #player_contenu.contenu-video #player_content .player-buttons a.player-link {
        width: 100%;
        height: 100%;
        padding: 0;
        background: 0 0;
        background-color: transparent;
        background-color: rgba(0, 0, 0, .25);
        position: relative;
        -webkit-transition: background .25s ease-in-out;
        transition: background .25s ease-in-out;
        margin-top: 0;
    }

    #player_contenu.contenu-video #player_content .player-buttons a.player-link:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-30%, -50%);
        -ms-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
        padding: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 37.5px 0 37.5px 65px;
        border-width: 30px 0 30px 50px;
        border-color: transparent transparent transparent #fff;
        border-color: transparent transparent transparent rgba(255, 255, 255, .8)
    }

    #player_contenu.contenu-video #player_content .player-buttons a.player-link:after {
        content: "";
        display: block;
        position: absolute;
        width: 150px;
        height: 150px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 0;
        border-radius: 75px;
        border: 1px solid #fff!important;
        background: 0 0;
        background-color: rgba(255, 255, 255, .25);
        margin: 0
    }

    #player_contenu.contenu-video #player_content .player-buttons a.player-link span {
        color: #fff;
        padding: 2rem;
        line-height: 5
    }

    @media (min-width:576px) {
        #player_contenu.contenu-video #player_content .player-buttons a.player-link:hover {
            width: 100%;
            height: 100%;
            padding: 0;
            background: 0 0;
            background-color: rgba(0, 0, 0, .5);
            position: relative
        }
        #player_contenu.contenu-video #player_content .player-buttons a.player-link:hover:before {
            border-color: transparent transparent transparent #fff
        }
        #player_contenu.contenu-video #player_content .player-buttons a.player-link span,
        .encart-video .encart-video-container .player-buttons a.player-link span {
            opacity: 0;
            -webkit-transition: opacity .25s ease-in-out;
            transition: opacity .25s ease-in-out
        }
        #player_contenu.contenu-video #player_content .player-buttons a.player-link:hover span {
            opacity: 1
        }
    }
    /*! fin bouton play pour les videos et documentaires */

    #player_content .player-buttons a.player-link:after {
        content: "";
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        top: 50%;
        padding: 0;
        border-radius: 25px;
        border: 1px solid #fff!important;
        background: 0 0;
        background-color: rgba(255, 255, 255, .25);
        margin: 0;
        left: 3rem;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }

    .document-link {
        background-color: #ffd076;
        text-align: left;
        position: relative;
        text-transform: uppercase;
        padding: 1.325rem 4.3255rem 1.325rem 1.325rem;
        border: 1px solid #000;
        width: 0;
        width: auto;
        float: none
    }

    .document-link:after {
        content: '';
        position: absolute;
        top: 1.125rem;
        right: 1.125rem;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 17.3px;
        border-color: transparent transparent transparent #000
    }
    /*! /boutons lancer lecture doc */

    #notice_longue #detail-notice .detail-icon-container>a,
    #notice_longue #detail-notice .detail-icon-container>div,
    #notice_longue #detail-notice .detail-icon-container>span {
        display: inline-block
    }

    .first_zone .item-TypeOfDocument {
        margin-right: 1.325rem!important
    }

    .first_zone .item-TypeOfDocument img.imagetypedocfull {
        width: 100%
    }

    .first_zone .item-Type a {
        display: inline-block
    }

    #notice_longue_description .first_zone h2,
    #notice_longue_description .first_zone h2 span {
        text-align: left
    }

    #notice_longue_description .first_zone h2 span {
        margin-bottom: 1rem
    }

    #notice_longue_description .notice-video-partie .first_zone h2 span {
        margin-bottom: 0;
    }

    #notice_longue_description>.exp_date,
    #notice_longue_description>a.btn.connect-notice {
        display: inline-block;
        clear: both;
        margin-bottom: 1rem;
        text-transform: uppercase;
        font-size: .825rem;
    }

    #notice_longue_description .first_zone>p {
        margin-top: 0
    }

    #notice_longue_description .first_zone>.line_first_zone {
        font-size: 7px
    }

    #notice_longue p {
        text-align: unset
    }

    #notice_longue .concert_rec {
        margin-bottom: 1rem;
    }

    @media (max-width:650px) {
        #notice_longue_description .first_zone>p {
            display: none
        }
        #notice_longue_description .first_zone>a.btn.connect-notice {
            display: block
        }
        #notice_longue_description .first_zone h2 span {
            margin-bottom: 1rem;
            margin-top: 1.325rem
        }
    }

    #notice_longue_description .btn {
        color: #000!important
    }

    #notice_longue_description .btn:focus,
    #notice_longue_description .btn:hover,
    #notice_longue_description .btn:visited {
        color: #000!important;
        background-color: #ffbd70;
        opacity: 1
    }

    #notice_longue #detail-notice>.col-sm-8.col-md-9.col-lg-9 {
        width: 100%;
        margin: 0 auto!important;
        float: none;
        /*    padding: 0 1rem;*/
    }

    #resultats_detail .vignette_container {
        display: none
    }

    li.desc-list-item {
        margin: 0 .5rem
    }

    ul.marge li {
        display: block
    }

    .pdf {
        max-width: 25px;
        margin-right: 1rem
    }
    /*.notice_longue_description-conteneur */

    #programme-plage ul#liste_plage {
        counter-reset: item;
    }
    /*.notice_longue_description-conteneur */

    #programme-plage ul#liste_plage li {
        display: block;
    }
    /*.notice_longue_description-conteneur */

    #programme-plage ul#liste_plage li:before {
        content: counter(item) " ";
        counter-increment: item;
        color: #bbb;
        margin-right: 0;
        /*    padding: .35rem 0 0;*/
        text-align: right;
        width: 25px;
    }
    /*! / notices longues */
    /*! 20/ NOTICE LONGUE facon digital : */

    #notice_longue li:first-letter,
    #notice_longue p:first-letter,
    div.notice_courte p:first-letter {
        text-transform: uppercase
    }

    div.notice_courte div.actions a.more-info span {
        font-size: 1rem
    }

    #notice_longue .cim-short-duree-type-doc,
    div.notice_courte .cim-short-duree-type-doc,
    div.notice_courte span.CONTRAT_3 {
        text-decoration: none;
        width: 100%;
        float: left;
        font-size: .825rem;
    }

    .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice h3.template-title,
    div.notice_courte .notice_corps h3 {
        color: #000;
        text-transform: uppercase!important;
        font-family: 'Source Sans Pro', 'SourceSansPro', sans-serif;
        font-weight: bold;
        line-height: 1.25;
        font-size: 1rem;
        letter-spacing: unset;
    }

    div.notice_courte .icon-info,
    div.notice_courte br {
        display: none
    }

    div.notice_courte ul.cim-short-genre {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 10px;
        font-size: .857em
    }

    div.notice_courte ul.cim-short-genre li {
        display: block;
        float: left;
        background: #ddd;
        padding: 2px;
        margin-right: 3px;
        margin-bottom: 3px
    }

    #resultats>ul:not(#modeDisplayVignet)>li.notice_courte-media-decouverte:nth-of-type(even) ul.cim-short-genre li {
        border: 1px solid #fff;
        background: #fff;
        background-color: #fff!important
    }

    div.notice_courte p.template-resume {
        font-weight: normal;
        /*    font-weight: 600;*/
        font-size: 12px;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif
    }

    div.notice_courte p.template-resume span {
        font-weight: 400;
        display: inline-block
    }

    .template-info li {
        color: #555;
        margin-bottom: 0.3em;
    }

    #resultats>ul>li .btn-dark {
        padding: .5rem 1rem
    }

    #notice_longue .fichier-audio-video {
        color: #fff;
        display: none;
    }

    a.player-link:before {
        content: url(images/play_bl.png);
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
        padding-right: 2rem;
        position: absolute;
        top: 50%;
        left: 3rem;
        -webkit-transform: translate(15%, -50%);
        -ms-transform: translate(15%, -50%);
        transform: translate(15%, -50%)
    }

    #notice_longue h2 {
        background: 0 0
    }

    #notice_longue #contexte h2,
    #notice_longue #programme-plage h2,
    #notice_longue #ressourceliee h2 {
        font-size: 1.714em;
        text-transform: uppercase
    }

    #notice_longue #contexte {
        border-radius: 16px;
    }

    #notice_longue .first_zone {
        width: 100%;
        height: auto;
        float: left;
    }

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

    #notice_longue .line_first_zone:after {
        content: url(images/pp-trait-separateur-noir.png)
    }

    #notice_longue p {
        margin: 0;
    }

    #notice_longue p.item-Type {
        margin: 0 0 .825rem 0;
    }

    #notice_longue .imagetypedocfull {
        width: 170px;
        padding: 4px;
        float: left;
        margin-right: 15px;
        margin-bottom: 1.5rem
    }

    #notice_longue a.document-link:before {
        display: inline-block;
        vertical-align: middle
    }

    #notice_longue a.notice-dp {
        text-align: center;
        position: relative;
        padding: 6px 4rem 6px 12px;
        padding: 1.125rem 4rem 1.125rem 1.125rem;
        border-radius: 25px;
    }

    @media (max-width:575px) {
        #notice_longue a.notice-dp {
            width: 100%
        }
    }

    #notice_longue a.notice-dp:before {
        content: ''
    }

    #notice_longue .document-link {
        display: block;
        float: left;
        position: relative;
        padding: 1.125rem 4rem 1.125rem 1.125rem;
        color: #000!important;
        margin-top: 10px;
        border: 0
    }

    #notice_longue .item-publisher,
    .item-publisher {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 1rem
    }

    #notice_longue .item-publisher li,
    .item-publisher li {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        display: inline;
        border-left: 0;
        border-right: 1px solid #ccc;
        padding: .35rem 1rem .35rem 0;
        margin-right: 1rem;
        width: auto
    }

    #notice_longue .item-publisher li:last-of-type,
    .item-publisher li:last-of-type {
        border-right: 0
    }
    /*
#notice_longue .dl-horizontal,
#notice_longue .dl-horizontal ul,
#notice_longue .dl-horizontal ul li,
#notice_longue .dl-horizontal ul li:after {
    display: block;
    float: none;
    clear: both;
}
*/

    #notice_longue .dl-horizontal ul li {
        display: inline-block;
        float: none;
        clear: both;
    }

    #notice_longue #liste_plage li {
        display: block;
    }

    #notice_longue div#ressourceliee .dl-horizontal ul li {
        display: block;
        min-height: 2.3rem;
    }

    #notice_longue .dl-horizontal:not(:first-child) {
        margin-top: 1rem;
    }

    .content_ina ol,
    .content_ina ul,
    .content_ina dl {
        float: none;
        clear: both;
        margin: 12px 0;
    }

    #notice_longue #programme-plage {
        float: left;
        border: 1px solid #ebebeb;
        padding: 10px;
        width: 57.5%;
    }

    #notice_longue #programme-plage ul#liste_plage li {
        font-size: .875rem;
        list-style-type: circle!important;
        margin-left: 15px;
        margin-bottom: .325rem;
        clear: both
    }

    #notice_longue #contexte {
        float: left;
        border: 1px solid #ebebeb;
        padding: 10px;
        width: 38%;
    }

    #notice_longue #contexte ul.marge {
        float: left;
        width: 100%;
    }

    #notice_longue .maj {
        font-size: 1.143em;
        text-transform: uppercase;
        font-family: 'Philharmonique SemiBold', sans-serif;
        font-weight: 400;
    }

    #notice_longue .btn-info.tarzan {
        float: left;
        margin: 0 6px 6px 0;
        padding: 0.5em 1em;
        color: #000;
        background-color: #e6e6e6;
    }

    #notice_longue .btn-info.tarzan:hover {
        background-color: #f5f5f5!important;
    }

    #notice_longue .pdf {
        width: 23px;
        height: 27px;
        margin-right: 3px;
    }

    #notice_longue li.prog {
        /*    margin-top: 15px;*/
    }

    #notice_longue #ressourceliee {
        float: left;
        border: 1px solid #ebebeb;
        padding: 10px;
        width: 98.5%;
    }

    #notice_longue .numero_notice {
        float: left;
        /*    border: 1px solid #ebebeb;*/
        padding: 10px;
        width: 98.5%;
        margin-top: 2em;
        background: #f5f5f5;
    }

    #notice_longue .numero_notice {
        border: 0;
        background: #fff;
        justify-content: center;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    #notice_longue .numero_notice p,
    #notice_longue .numero_notice a {
        /*    text-align: right;*/
        margin: 0;
        font-size: .825rem;
        padding: 0 1rem;
        border: 0;
        /*    border-right: 1px solid #ccc;*/
    }

    #notice_longue .numero_notice a {
        border-right: 0;
        border-left: 1px solid #ccc!important;
    }

    #notice_longue .introdoc {
        width: 100%;
        height: auto;
        float: left;
    }

    div#notice_longue_description ul.cim-short-genre.uni100 {
        display: block;
        float: left;
        width: 97%;
        margin-bottom: 15px;
        font-size: .857em;
        padding: 5px;
    }

    div#notice_longue_description ul.cim-short-genre li {
        float: left;
        padding-right: 10px;
        margin-right: .5rem;
    }

    #notice_longue #ressourceliee .marge.uni100liste li a {
        display: block;
        float: left;
        width: 100%;
        overflow: hidden;
        border-left: #999 2px solid;
        padding-left: 5px;
        /*    margin-bottom: 4px; */
        padding: .5rem 4px;
        border-bottom: 1px solid #ddd !important;
    }

    #notice_longue #ressourceliee .marge.uni100liste li:last-of-type a {
        border-bottom: 0!important;
    }

    #notice_longue #ressourceliee .marge.uni100liste li a:hover {
        height: auto;
        overflow: visible
    }

    #notice_longue #ressourceliee ul li a {
        font-size: .875rem;
        /*    color: #777; */
        transition: none;
    }

    #notice_longue #ressourceliee ul li a:hover {
        /*    color: #1675e1;*/
        background: #f5f5f5 !important;
        text-decoration: underline !important;
    }

    #info-offre-media,
    p.cim-short-CONTRAT_1 {
        display: none
    }

    @media (max-width:1200px) {
        #notice_longue #contexte,
        /*    #notice_longue #programme-plage,*/
        #notice_longue #ressourceliee {
            width: 100%!important;
        }
    }

    .contient {
        display: block;
        float: left;
        width: 100%;
        font-size: 14px;
    }

    li.desc-list-item {
        font-size: 14px;
    }

    #myTabContent ul.item-author li {
        margin-top: 5px;
        display: inline-block;
    }

    .btn.btn-info {
        color: #000;
        text-decoration: none;
    }

    p.template-auteur {
        font-weight: 400;
        font-size: 14px;
    }

    #keys li {
        display: block;
        text-decoration: none;
    }

    .imagetypedoc {
        width: 70px
    }

    li.supportLabel_exact_Instruments {
        display: none
    }

    div.player_contenu #player_content div span a {
        float: left;
        width: 100%;
        background-color: #b3d6fd
    }

    .dl-horizontal dt {
        width: 100%;
        margin-top: 0;
    }

    .titre_principal {
        text-align: left
    }

    @media screen and (min-width:200px) and (max-width:640px) {
        span.titre_principal {
            height: auto;
            display: block;
            float: left
        }
    }

    .confreq {
        margin-left: 0;
        width: 100%;
        float: left;
        margin-top: 0;
        background: #f5f5f5;
        margin-bottom: 2rem
    }

    .confreq p {
        font-size: 12px;
        display: inline-block
    }

    .confreq a {
        display: inline-block
    }

    .confreqlien2 {
        margin-left: 50px;
        margin-left: 0;
        margin-right: 30px;
    }

    span.cim-short-contrat {
        background-color: #f1c3b1
    }

    span.cim-short-contrat a {
        display: block;
        position: relative;
        top: -5px;
        left: -5px;
        padding: 5px;
        margin: 0;
        height: 20px;
        width: 100%;
        background-color: #7ab9ff;
        text-decoration: none;
        font-weight: 700;
        color: #000
    }

    span.cim-short-contrat a:hover {
        background-color: #000;
        text-decoration: none
    }

    span.cim-short-contrat.CONTRAT_1 {
        background-color: #428bca;
        text-decoration: none
    }

    span.cim-short-contrat.CONTRAT_1 a {
        display: block;
        position: relative;
        top: -5px;
        left: -5px;
        padding: 5px;
        margin: 0;
        height: 20px;
        width: 100%;
        background-color: #7ab9ff;
        text-decoration: none;
        font-weight: 700;
        color: #000
    }

    span.cim-short-contrat.CONTRAT_1 a:hover {
        background-color: #000;
        text-decoration: none
    }

    span.cim-short-contrat.CONTRAT_2 {
        background-color: #0000e8;
        text-decoration: none
    }

    span.cim-short-contrat.CONTRAT_3 {
        background-color: #000bc1;
        text-decoration: none
    }

    span.cim-short-contrat.CONTRAT_4,
    span.cim-short-contrat.CONTRAT_5,
    span.cim-short-contrat.CONTRAT_6,
    span.cim-short-contrat.CONTRAT_7 {
        background-color: #000FFF;
        text-decoration: none
    }
    /*! fin : NOTICE LONGUE facon digital ******************************************************************** */
    /*! ********************************* */
    /*! affichage notice longue gg V2 */
    /*! ********************************* */

    .page-Recherche-PAD .panel-front.panel-search-container {
        padding: 0;
        /* background: #fff; */
        border-radius: 16px 16px 0 0;
    }

    .page-Recherche-PAD .panel-front.panel-search-container .panel-body {
        border-radius: 16px 16px 0 0;
    }

    .page-Recherche-PAD .detail-icon-container {
        /*    background-color: #f5f5f5;*/
        margin-right: -10px;
        margin-bottom: 0;
		margin-top: 5px;
    }

    .page-Recherche-PAD .media:first-child {
        margin-top: 0;
        width: 100%
    }

    #notice_longue h2.category_header span {
        background: transparent;
    }

    .suggestion_container>h3 {
        padding-left: .675rem
    }

    div#notice_longue_description,
    div#notice_longue_description .bibliotheque_numerique,
    div.notice_longue_description-conteneur {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

    div#notice_longue_description h1,
    div#notice_longue_description h1 span {
        font-size: 1.5rem;
    }

    div#notice_longue_description>*,
    div#notice_longue_description .bibliotheque_numerique>*,
    div.notice_longue_description-conteneur>* {
        -webkit-box-flex: 1;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%
    }

    #notice_longue #contexte,
    #notice_longue #programme-plage {
        min-width: 38%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto
    }
    /*! ******************************** */
    /*! notice longue V3                 */
    /*! ******************************** */
    /*! 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 Regular', sans-serif;
        font-weight: 400;
        color: #000;
        text-transform: uppercase;
        font-size: 1.625rem!important;
        text-align: left;
        background-color: transparent;
        background-image: none;
        margin-bottom: 1rem;
    }

    #notice_longue .notice-video .first_zone {
        padding: 1rem .5rem 0;
    }

    #notice_longue .notice-video p.item-Type {
        text-transform: uppercase;
        font-family: "SourceSansPro", sans-serif;
        font-weight: 600;
        color: #777;
        margin-bottom: .35rem;
    }

    #notice_longue .notice-video p.item-Type.line:after {
        content: "";
        display: none;
    }
    /* #notice_longue .notice-video h1 span {
    background: none;
    float: none;
    clear: both;
    text-align: left;
    padding-left: 0;
    font-size: 1.5rem!important;
    font-family: 'Philharmonique SemiBold', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1rem;
    text-indent: 0;
} */

    @media (max-width:650px) {
        #notice_longue_description .notice-video .first_zone h2 span {
            margin-top: 0;
        }
    }

    #notice_longue .notice-video h2.category_header span {
        background: none;
        text-align: left;
        padding-left: 0;
        font-size: 1.125rem;
        font-family: 'Philharmonique SemiBold', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: .5rem;
    }

    #notice_longue .notice-video #programme-plage h2.category_header span {
        padding-left: 1rem;
        margin-bottom: 1rem;
    }

    #notice_longue .notice-video .concert_rec>p,
    #notice_longue .notice-video .concert_rec>span,
    #notice_longue .notice-video .real>span {
        color: #777;
        float: none;
        clear: both;
        padding: 0 .5rem;
        font-size: .875rem;
    }

    #notice_longue .notice-video .real>span.real-item {
        padding: 0;
    }

    .real-item:nth-of-type(n+2):before {
        content: ", "
    }

    #notice_longue .notice-video 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-video a.btn-default.btn.connect-notice:hover {
        border: 1px solid #000 !important;
        background: #000 !important;
        color: #fff !important;
    }

    #notice_longue .notice-video .concert_rec>.exp_date {
        padding: 0;
        background: transparent!important;
        background-color: transparent!important;
        border: 0;
        font-family: SourceSansPro, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        font-size: .825rem;
    }

    #notice_longue .notice-video .concert_rec>.exp_date:before {
        content: "| ";
        margin-right: .25rem;
    }

    #notice_longue .notice-video .notice_longue_description-conteneur {
        width: 100%;
        margin-top: 1rem;
        justify-content: space-between;
    }

    #notice_longue .notice-video .notice_longue_description-conteneur>* {
        /*    margin:.5rem;*/
        margin: 0;
        border: 4px solid white !important;
    }

    #notice_longue .notice-video .item-publisher,
    .notice-video .item-publisher,
    #notice_longue .notice-video #programme-plage {
        background: #f5f5f5;
        padding: 1rem 0 0;
        border: 0;
    }

    #notice_longue .notice-video .item-publisher,
    .notice-video .item-publisher {
        padding: 1rem;
        /*    flex:1 33%;*/
        flex: 1 250px;
        padding-left: 2rem;
    }

    #notice_longue .notice-video .item-publisher li,
    .item-publisher li {
        margin-right: 0;
    }

    #notice_longue .notice-video #programme-plage {
        /*    flex:1 63%;*/
        flex: 1 450px;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li,
    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd {
        list-style-type: none!important;
        margin: 0;
        clear: both;
        display: flex;
        align-items: center;
    }
    /*.notice_longue_description-conteneur */

    .notice-video #programme-plage ul#liste_plage li:before {
        order: 2;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li:nth-of-type(odd) {
        background: #fafafa;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li:hover,
    #notice_longue .notice-video #programme-plage li.prog:hover {
        background: #fff;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a,
    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd a {
        flex: 1;
        padding: .35rem;
        padding-left: 1rem;
        font-size: .9rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        order: 2;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a.part-link,
    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd a.part-link {
        flex: unset;
        order: 1;
        padding: .25rem;
        width: 1.25rem;
        height: 1.25rem;
        border: 1px solid #000 !important;
        border-radius: 50%;
        text-align: center;
        margin-left: .5rem;
        /*
    background: #ffd076;
    border: 1px solid #ffd076 !important;
*/
        background: #ddd;
        border: 1px solid #555 !important;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a.part-link:hover,
    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd a.part-link:hover {
        background: #ffbd70;
        border: 1px solid #ffbd70 !important;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a.part-link img,
    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd a.part-link img {
        width: 10px;
        margin-left: .15rem;
    }

    #notice_longue .notice-video #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;
        position: relative;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a.tarzan:hover span.titre-plage:after,
    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd a.tarzan:hover:after {
        content: url(images/icon-extlink-14px.png);
        position: absolute;
        right: .5rem;
    }

    #notice_longue .notice-audio-partie #programme-plage dl.partOf dd a.tarzan:hover:after {
        position: static;
    }

    #notice_longue .notice-video #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;
    }

    @media (max-width:767px) {
        /*
    #notice_longue .notice-video #programme-plage ul#liste_plage li a span.titre-plage{
        flex:2;
    }
    #notice_longue .notice-video #programme-plage ul#liste_plage li a span.compositeur-plage{
        flex:1;
    }
*/
    }

    #notice_longue .notice-video li.prog {
        padding: 1rem 0 .5rem;
        display: flex;
        align-items: center;
    }

    #notice_longue .notice-video li.prog a {
        flex: 1;
        padding: .5rem;
        font-size: .875rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a:hover .titre-plage,
    #notice_longue .notice-video li.prog a:hover {
        text-decoration: underline!important;
    }

    #notice_longue .notice-video #programme-plage ul#liste_plage li a:hover .compositeur-plage {
        text-decoration: none!important;
    }

    #notice_longue .notice-video li.prog img.pdf {
        margin: 0 .75rem 0 0;
        order: 0;
    }

    @media (min-width:768px) {
        #notice_longue .notice-video .item-publisher,
        .notice-video .item-publisher {
            max-width: 33%;
        }
        #notice_longue .notice-video #programme-plage {
            max-width: 66%;
        }
    }

    #notice_longue .notice-video .item-publisher li,
    .notice-video .item-publisher li {
        display: list-item;
        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;*/
        /*    font-family: LinotypeBrewery, sans-serif;*/
    }

    #notice_longue .notice-video .item-publisher .btn-info.tarzan {
        background: none !important;
        background-color: transparent;
        color: #1675e1!important;
        margin: 0;
        padding: 0;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        transition: unset;
    }

    #notice_longue .notice-video .btn-info.tarzan:hover {
        text-decoration: underline !important;
    }

    #notice_longue .notice-video #programme-plage {
        width: unset;
        margin-right: 0;
        /*!
    display: flex;
    flex-direction: column;
*/
    }

    #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-video .maj {
        font-size: .925rem;
    }

    #notice_longue .notice-video #contexte {
        float: none;
        border: 0;
        padding: 1rem 0 0;
    }

    #notice_longue .notice-video #contexte h2,
    #notice_longue .notice-video #contexte h2 span {
        padding-left: 0;
    }

    #notice_longue .notice-video #contexte a.btn {
        text-decoration: underline!important;
        color: #999!important;
        background: transparent;
    }
    /*! recherches associées : */

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

    #notice_longue .notice-video #contexte .dl-horizontal {
        padding: .5rem;
        margin: .2rem;
        border: 1px solid #ebebda;
        flex: 1;
        flex-basis: 250px;
    }

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

    #notice_longue .notice-video #contexte a.btn {
        text-decoration: underline !important;
        color: #999 !important;
        background: transparent;
        margin: 0 .75rem 0 0;
        transition: unset;
    }

    #notice_longue .notice-video #contexte a.btn:hover {
        color: #1675e1 !important;
        background: transparent!important;
    }
    /*! ressources associées : */

    #notice_longue .notice-video #ressourceliee,
    #notice_longue_description #ressourceliee {
        border: 0;
        padding: 1rem 0 0;
    }

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

    #notice_longue .notice-video #ressourceliee .dl-horizontal,
    #notice_longue_description #ressourceliee .dl-horizontal {
        padding: .5rem;
        margin: .2rem;
        border: 1px solid #ebebda;
        flex: 1 340px;
        /*
    flex: 1 100%;
*/
    }

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

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

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

    #notice_longue .notice-video div#ressourceliee .dl-horizontal ul li:hover,
    #notice_longue_description 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 .notice-video div#ressourceliee .dl-horizontal ul li img,
    #notice_longue_description div#ressourceliee .dl-horizontal ul li img {
        margin: 0;
        width: 100%;
    }

    #notice_longue .notice-video #ressourceliee ul li a,
    #notice_longue_description #ressourceliee ul li a,
    #notice_longue #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-video #ressourceliee a.btn,
    #notice_longue_description #ressourceliee a.btn {
        text-decoration: underline !important;
        color: #999 !important;
        background: transparent;
        margin: 0;
        transition-duration: .2s;
    }

    #ressourceliee .marge {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        flex-wrap: wrap;
    }
    /*
@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 .bibliotheque_numerique.notice-video.notice-video-partie>* {
        margin: .25rem;
    }

    #notice_longue_description .bibliotheque_numerique.notice-video.notice-video-partie #programme-plage {
        padding: 1rem;
    }

    #notice_longue_description .bibliotheque_numerique.notice-video.notice-video-partie #programme-plage h2.category_header span {
        padding: 0;
    }
    /*! fin : notice longue V3 */
    /*! ********************************* */
    /*! affichage notice courte gg V2 */
    /*! ********************************* */
    /*! notices courtes pour [resultats de recherche] et [encart liste statique] */

    #resultats_recherche .notice_courte[id$="_CMS"] .vignette_document img.ermes-thumb {
        width: 125px;
    }

    @media (max-width:767px) {
        #resultats_recherche .notice_courte[id$="_CMS"] .vignette_document img.ermes-thumb {
            width: 80px;
            min-width: 40px;
        }
    }

    #resultats .notice_courte .media-body .cim-short-genre li,
    #resultats .notice_courte .media-body p,
    #resultats .notice_courte .media-body span,
    .rs-staticList .notice_corps .cim-short-genre li,
    .rs-staticList .notice_corps p,
    .rs-staticList .notice_corps span {
        font-size: .825rem;
        color: #555;
    }

    #resultats .notice_courte .cim-short-duree-type-doc,
    .rs-staticList .notice_corps .cim-short-duree-type-doc {
        float: none
    }

    #resultats .notice_courte h3,
    .rs-staticList .notice_corps h3 {
        margin-top: .325rem;
        margin-bottom: 11px;
        clear: both;
        /*     text-transform: none;
 */
    }

    #resultats .notice_courte .div_gradient,
    .rs-staticList .notice_corps .div_gradient {
        clear: both
    }

    #resultats .notice_courte .div_gradient+br,
    .rs-staticList .notice_corps .div_gradient+br {
        display: none
    }

    #resultats .notice_courte p.line {
        font-size: 14px;
    }

    .rs-staticList .notice_corps p.line {
        font-size: 6px;
    }

    #resultats .notice_courte .uni4-short p.line,
    .rs-staticList .notice_corps .uni4-short p.line {
        font-size: .825rem;
    }

    #resultats .notice_courte p.template-resume,
    .rs-staticList .notice_corps p.template-resume {
        margin-bottom: 1rem;
        margin-top: .5rem
    }

    #resultats .notice_courte .cim-short-genre li,
    .cim-short-genre li,
    .rs-staticList .notice_corps .cim-short-genre li {
        background-color: transparent;
        padding: .325rem.75rem;
        border: 1px solid #ccc;
        display: inline-block;
        border-radius: 25px;
        margin: 0.3em 0;
    }

    #resultats .notice_courte .actions {
        margin-top: 1rem;
    }

    #resultats .notice_courte[id$="_CMS"] .actions {
        margin-top: 1rem;
        margin: 0;
        padding-top: 0;
        float: left;
        clear: none;
    }

    #resultats .notice_courte .page-cms {
        display: none;
    }
    /* notice courte avec mention "instruments du musée joués" - GG 23/05/2022 */

    #resultats .notice_courte .objetdumuseelie {
        margin-top: .5rem;
        margin-block: .5rem;
    }

    .objetdumuseelie936+.objetdumuseelie233 {
        display: none;
    }

    #resultats .notice_courte .objetdumuseelie span {
        color: #001b3b !important;
        font-size: .875rem !important;
        font-weight: normal;
    }

    #resultats .notice_courte .objetdumuseelie .intitule {
        font-style: italic;
        opacity: .65;
    }

    #resultats .notice_courte .objetdumuseelie .title {
        text-transform: uppercase;
        margin-right: .25rem;
    }

    #resultats .notice_courte .objetdumuseelie .sep:before {
        content: "•";
        opacity: .65;
        margin: 0 .25rem;
    }

    #resultats .notice_courte .objetdumuseelie img,
    .notice_courte .objetdumuseelie img,
    .slider-notice .objetdumuseelie img {
        width: 1rem;
        margin-right: .25rem;
        opacity: .65;
    }
    /* fin : notice courte avec mention "instruments du musée joués" */
    /* ****************************** */
    /* NOTICE LONGUE - INSTRUMENT LIE */
    /* ****************************** */

    .objetdumuseelie-wrapper {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        min-width: 320px;
        width: 100%;
        padding: 2rem 0;
    }

    #resultats_detail .objetdumuseelie-wrapper h2 {
        margin: 0 0 1.625rem;
        text-align: left;
    }

    .objetdumuseelie-wrapper h2::before {
        content: url(/ui/skins/CIMU/images/icon/icon-instru-enregistre.svg);
        display: inline-block;
        width: 1.625rem;
        height: 1.625rem;
        border-radius: 50%;
        border: 1px solid #001B3B65;
        padding: .25rem;
        box-sizing: content-box;
        margin-right: .5rem;
        text-align: center;
    }

    .objetdumuseelie-wrapper h2 span {
        display: inline;
    }

    .objetdumuseelie-wrapper h2 img {
        display: none;
    }

    #resultats_detail .objetdumuseelie {
        padding: .5rem;
        flex: 1 320px;
        order: 3;
        display: flex;
        max-width: 520px;
    }

    #resultats_detail .objetdumuseelie:last-of-type {
        order: 2;
    }
	/* gg 13/09/2022 ajout icone lien externe pour les rebonds vers instruments du musée */
	#resultats_detail .objetdumuseelie a {
       display: flex;
       padding: .5rem;
       border: 1px solid #ddd!important;
       border-radius: .5rem;
       flex: 1;
       position: relative;
   }
   #resultats_detail .objetdumuseelie a:after {
       content: url(/ui/skins/CIMU/images/icon-lien-externe.svg);
       display: inline;
       margin-right: 1rem;
       vertical-align: text-bottom;
       line-height: 1;
       position: absolute;
       top:1rem;
       right: 0;
   }
   /* fin : gg 13/09/2022 ajout icone lien externe pour les rebonds vers instruments du musée */
    #resultats_detail .objetdumuseelie a:hover,
    #resultats_detail .objetdumuseelie a:focus {
        border: 1px solid #001B3B!important;
    }

    #resultats_detail .objetdumuseelie .objetdumuseelie-texte {
        display: flex;
        flex-direction: column;
        padding: 1rem 0;
        order: 2;
    }

    #resultats_detail .objetdumuseelie-texte>* {
        display: none;
    }

    #resultats_detail .objetdumuseelie-texte>.title,
    #resultats_detail .objetdumuseelie-texte>.author {
        display: block;
    }

    #resultats_detail .objetdumuseelie-texte>.title {
        font-size: 1rem;
        font-family: 'Philharmonique', sans-serif;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 1.25;
    }

    .objetdumuseelie-vignette {
        order: 1;
        border-radius: .5rem;
        overflow: hidden;
        margin-right: 1rem;
        width: 120px;
        height: 120px;
        width: 120px!important;
        height: 120px!important;
        flex-basis: 120px;
        min-width: 120px;
    }

    .objetdumuseelie-vignette * {
        margin: 0;
    }

    .objetdumuseelie-vignette .thumbnail-wrapper {
        height: 100%;
        display: flex;
        width: 100%;
    }

    .objetdumuseelie-vignette img {
        object-fit: cover;
        object-position: center;
        width: 100%!important;
    }
    /*! ********************************* */
    /*! 21/ NOTICE LONGUE OEUVRE MUSICALE */
    /*! ********************************* */

    .dossier-oe-modele h1 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .dossier-oe-modele h1 em {
        font-style: normal!important
    }

    .dossier-oe-modele h2,
    .dossier-oe-modele h2 span {
        margin-top: 2rem;
        margin-bottom: 1rem;
        background-image: none
    }

    .dossier-oe-modele .rsItem h2.h2-boite-outil {
        background: 0 0
    }

    .dossier-oe-modele .rsItem .media.thumbnail .btn {
        /*    background: #ffd076!important*/
    }

    .dossier-oe-modele figcaption {
        font-size: .825rem;
        font-weight: 300;
        font-style: normal
    }

    .dossier-oe-modele .oe-accroche p {
        font-size: 1rem
    }

    figure img {
        border: 0;
    }
    /*!  / NOTICE LONGUE OEUVRE MUSICALE */
    /*! ************************************************ */
    /*!  22/ bouton PANIER */
    /*! ************************************************ */

    #resultats ul.notice li.search-item {
        position: relative
    }
    /*! placement du conteneur du panier dans la notice */

    #resultats .notice_courte .notice_metadata,
    #resultats ul.notice li.search-item .notice_metadata {
        display: block!important;
        position: absolute;
        top: .95rem;
        /*    right: calc(.625rem + 40px + .625rem);*/
        right: calc(.325rem + 40px + .325rem);
        width: auto;
        margin-top: 0;
    }

    #resultats ul.notice li.search-item .notice_metadata .notice-actions,
    .notice-actions {
        padding: 0
    }

    #resultats ul.notice li.search-item .notice_metadata .notice-actions ul.metadata-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    /*! design du bouton panier */

    .btn-basket {
        background-color: transparent;
        border: 0;
        color: #ccc
    }

    .btn-basket span.icon-basket-empty {
        color: #ccc
    }

    .btn-basket .caret {
        border-top: 8px solid #ccc;
        border-right: 8px solid transparent;
        border-bottom: 0 dotted;
        border-left: 8px solid transparent;
        -webkit-transform: translateY(-.5rem);
        -ms-transform: translateY(-.5rem);
        transform: translateY(-.5rem)
    }

    #dropBasketList:active,
    #dropBasketList:focus,
    #dropBasketList:hover,
    a.btn-basket:active,
    a.btn-basket:active span.icon-basket,
    a.btn-basket:active span.icon-basket-empty,
    a.btn-basket:focus,
    a.btn-basket:focus span.icon-basket,
    a.btn-basket:focus span.icon-basket-empty,
    a.btn-basket:hover,
    a.btn-basket:hover span.icon-basket,
    a.btn-basket:hover span.icon-basket-empty,
    button.btn-basket:active,
    button.btn-basket:active span.icon-basket,
    button.btn-basket:active span.icon-basket-empty,
    button.btn-basket:focus,
    button.btn-basket:focus span.icon-basket,
    button.btn-basket:focus span.icon-basket-empty,
    button.btn-basket:hover,
    button.btn-basket:hover span.icon-basket,
    button.btn-basket:hover span.icon-basket-empty {
        background: transparent!important;
        background-color: transparent!important;
        border: 0;
        color: #ffd076
    }

    #dropBasketList:active span.caret,
    #dropBasketList:focus span.caret,
    #dropBasketList:hover span.caret {
        background-color: transparent;
        border-top: 9px solid #ffd076;
        border-right: 9px solid transparent;
        border-bottom: 0 dotted;
        border-left: 9px solid transparent
    }
    /*! end : bouton panier */
    /*! icone selection courante */

    .vignet .notice_container .select input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0
    }

    ul.accordeon li input[type=checkbox]:checked~p,
    ul.accordeon li input[type=checkbox]:checked~ul {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%)
    }

    ul.accordeon li input[type=checkbox]:checked~i:after {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    @media (max-width:767px) {
        #multi_selection.hidden-xs {
            width: 280px
        }
        #multi_selection.hidden-xs,
        #multi_selection_simple.hidden-xs {
            display: block!important
        }
        #multi_selection.hidden-xs h2 span.selection_label {
            font-size: .875rem!important
        }
    }

    #multi_selection.hidden-xs {
        width: 280px
    }

    #multi_selection .panel-selection {
        padding: 1rem;
        border: 1px solid #ccc
    }

    #multi_selection #panel-selection-detail .panel-selection .panel-heading {
        display: flex;
        justify-content: space-between;
    }

    #multi_selection #panel-selection-detail .panel-selection .bouton_detail {
        order: 2;
    }

    #multi_selection h2 {
        margin: 0;
        padding: 0
    }

    #multi_selection h2 .selection_label {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 400;
        font-size: 1em;
        color: #000;
        line-height: 22px;
        margin-bottom: 0
    }

    #multi_selection #panel-selection-detail.sel_enlarged .bouton_detail.icon-search {
        color: transparent!important;
        font-size: .1rem;
        padding-left: 0;
        width: 1.5rem;
        height: 1rem
    }

    #multi_selection #panel-selection-detail.sel_enlarged .bouton_detail.icon-search::before {
        color: #1675e1!important;
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: '';
        display: inline-block;
        width: .825rem;
        min-width: 0;
        height: .825rem;
        left: .3rem;
        position: relative;
        top: 0;
        vertical-align: top;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    #multi_selection .panel-body li {
        font-size: .825rem
    }

    .icon-remove.removeAll::before {
        content: '\e80a'
    }
    /*! end : selection courante */
    /*! bouton panier dans notice longue */

    #notice_longue #detail-notice {
        position: relative
    }

    #notice_longue #detail-notice>div:nth-of-type(2),
    #notice_longue .panel-search-container #detail-notice #resultats_detail+div,
    #notice_longue .panel-search-container .panel-body>div:nth-of-type(2) {
        display: block;
        position: absolute;
        right: 3rem;
        top: 0
    }

    #notice_longue .metadata-actions {
        display: block
    }

    body.page-notice-PAD.notice-video #notice_longue #detail-notice>div:nth-of-type(2) {
        display: block;
        width: 100%;
        position: absolute;
        /*    top: 470px;*/
        /*    top: -2rem;*/
        left: 0;
    }

    #notice_longue>.panel-search-container>.panel-body {
        position: relative;
    }

    body.page-notice-PAD.notice-video #notice_longue #detail-notice+div {
        display: block;
        width: 100%;
        position: absolute;
        /*    top: -2rem;*/
        /*    top: 476px;*/
        left: 0;
    }

    #notice_longue .metadata-actions {
        /*width: 170px;*/
        width: auto;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
    }
    /* Page concert vidéo */
    /* body.ext4.cf-rtm.pad.connecte #notice_longue .metadata-actions {
    top: -36px !important;
} */
    /* Fin- Page concert vidéo */

    .page-Recherche-PAD #notice_longue .metadata-actions {
        /*    top: .825rem;*/
    }

    @media (max-width:400px) {
        #notice_longue .metadata-actions {
            width: 90px;
        }
    }

    body.page-notice-PAD.notice-video #notice_longue .metadata-actions {
        width: 170px;
        position: absolute;
        right: 0;
        /*    top: -50px;*/
    }

    #notice_longue .metadata-actions li {
        padding: 0;
        float: right;
        background-color: transparent;
    }

   

    #notice_longue .metadata-actions li .main-basket {
        position: relative;
    }

    #notice_longue .metadata-actions li #dropBasketList {
        position: absolute;
        top: 2.5rem;
    }

    #notice_longue .metadata-actions li #dropBasketList+ul.dropdown-menu.pull-right li {
        float: left;
    }

    @media (max-width:787px) {
        #notice_longue .metadata-actions li.hidden-xs {
            display: block!important;
        }
    }

    #notice_longue .metadata-actions li.hidden-xs.ajouter_selection {
        display: none!important;
    }

 /* les utilisateurs ne doivent pas poster des avis */
 #notice_longue .metadata-actions li.avis{
    display:none !important;
}

    .page-notice-PAD.notice-video .detail-icon-container {
        margin-top: 0px;
        visibility: hidden;
        margin: 0;
        display: block !important;
        height: 2rem;
    }
    /* #notice_longue #detail-notice+.col-sm-4.col-md-3.col-lg-3>.metadata-actions {
    top: -25px;
}
 */
    /*! fin : bouton panier dans notice longue */
    /*!   end : bouton PANIER */
    /*!   23/ PAGE PANIER */
    /*! notification ajout au panier */

    #page>.searchless {
        padding-top: 2rem
    }

    #page>.searchless .icon-download::before {
        font-size: 1.5rem
    }

    div.jGrowl {
        z-index: 99999999999999;
        border-radius: 0;
        top: 100px
    }

    div.jGrowl .jGrowl-notification {
        border-radius: 0!important
    }
    /*! organisation des blocs page panier */
    /*! #sidebar page panier */

    .page-Panier-PAD #aside #options_document .global_content .panel-body>div {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #ddd
    }

    .page-Panier-PAD #aside #options_document .global_content .panel-front h2,
    .page-Panier-PAD #aside #options_document .global_content .panel-front h2 span {
        margin: 0
    }

    .page-Panier-PAD #aside #options_document .global_content .panel-front h2 span span {
        padding: 1rem 0;
        font-size: 1rem;
        text-align: left;
        margin: 0;
        font-weight: 600
    }

    .page-Panier-PAD #aside #options_document .global_content .panel-front h3 span {
        font-family: 'Philharmonique SemiBold', sans-serif;
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 400;
        color: #000
    }
    /*! sidebar page panier : boutons des dossiers */

    #options_document #user_labels>ul>li:first-of-type,
    #options_document #user_labels>ul>li:nth-of-type(2) {
        display: inline-block;
        margin-right: 1rem
    }

    #options_document #user_labels .btn-info.label_filter,
    #options_document #user_labels .btn-info.label_filter:visited,
    #options_document #user_labels .remove-label,
    #options_document #user_labels .remove-label:visited {
        border: 1px solid #f5f5f5!important;
        background-color: #f5f5f5;
        -webkit-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }

    #options_document #user_labels .btn-info.label_filter:hover,
    #options_document #user_labels .remove-label:hover {
        background-color: #f5f5f5!important
    }

    #options_document #user_labels .btn-info.label_filter span,
    #options_document #user_labels .btn-info.label_filter:visited span,
    #options_document #user_labels .remove-label span,
    #options_document #user_labels .remove-label:visited span {
        opacity: .7
    }

    #options_document #user_labels .btn-info.label_filter:hover span,
    #options_document #user_labels .remove-label:hover span {
        opacity: 1
    }

    #options_document #global_basket_actions .btn-dark.active,
    #options_document #global_basket_actions .btn-dark.disabled,
    #options_document #global_basket_actions .btn-dark:active,
    #options_document #global_basket_actions .btn-dark:focus,
    #options_document #global_basket_actions .btn-dark:hover,
    #options_document #global_basket_actions .btn-dark[disabled] {
        background-color: #ffbd70;
        color: #000
    }

    @media (max-width:380px) {
        #user_labels {
            width: 100%;
            margin-right: 1rem
        }
        #global_basket_actions {
            width: 100%
        }
    }

    @media (min-width:380px) AND (max-width:767px) {
        .page-Panier-PAD #aside #options_document .global_content .panel-body {
            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-pack: start;
            -ms-flex-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -ms-flex-preferred-size: 200px;
            -webkit-flex-basis: 200px;
            flex-basis: 200px;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }

    @media (max-width:767px) {
        .searchless main .searchContainer #aside.col-sm-4.col-md-4 {
            width: 100%!important
        }
        .page-Panier-PAD #aside #options_document .global_content .panel-body>div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            border-bottom: 0
        }
        #user_labels {
            float: left;
            margin-right: 1rem
        }
        #global_basket_actions {
            float: left
        }
    }
    /*! bouton créer un dossier */

    #confirm_addLabel {
        padding: .35rem 1rem
    }

    #page>.searchless #user_labels .view-all {
        display: none
    }

    #documents_memorises .global_content.CSS_2 .panel-front {
        background-color: #fff
    }

    #documents_memorises .global_content.CSS_2 .panel-front h2 {
        margin: 0
    }

    #documents_memorises .global_content.CSS_2 .panel-front h2>span {
        padding: 0
    }

    #documents_memorises .global_content.CSS_2 .panel-front h2 span span {
        display: block;
        width: 100%;
        background-color: #ffd076;
        border: 0;
        padding: 1rem;
        text-align: left;
        font-size: 1rem;
        font-weight: 600
    }

    #documents_memorises .global_content.CSS_2 .panel-front .search-icon-container {
        top: 5px
    }

    #documents_memorises .global_content.CSS_2 .panel-front .search-icon-container.btn-group-justified.mobile.visible-xs.visible-sm {
        display: none!important
    }

    #documents_memorises .criteres_tri .select-all {
        float: none!important;
        position: absolute;
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        width: 30px;
        margin-right: 0
    }

    #resultats_recherche .taille_page {
        display: none
    }
    /*! notices panier */

    #documents_memorises #resultats .notice li .notice_corps.media.col-sm-9.col-md-10 {
        width: 100%
    }

    #documents_memorises #resultats ul.notice li.panier {
        position: relative
    }
    /*! bouton supprimer une notice du panier */

    #documents_memorises #resultats ul.notice li.panier .notice_metadata {
        position: absolute;
        top: 0;
        right: 3rem
    }

    #documents_memorises #resultats ul.notice li.panier .notice_metadata .notice-actions {
        padding: 1rem .625rem .625rem
    }

    #documents_memorises a.oublier[title="Retirer du panier"] {
        background-color: transparent;
        border: 0;
        color: #999
    }

    #documents_memorises a.oublier[title="Retirer du panier"] .icon-basket::before {
        content: '\e80a'
    }

    #documents_memorises .btn-info.btn-xs {
        min-height: 28px!important;
        background: #f5f5f5!important;
        background-color: #f5f5f5!important
    }

    #documents_memorises .btn-info.btn-xs .label_label {
        color: #000!important
    }

    #documents_memorises .basketLabels.form-control {
        border-radius: 0!important
    }
    /*!   fin : PAGE PANIER */
    /* ****************************************************** */
    /* ****************************************************** */
    /* ****************************************************** */
    /* PAGES COMPTE (mon profil + mes recherches abonnements) */
    /* ****************************************************** */

    .page-compte #ermes-myaccount .myaccount-menu,
    .mesRecherches #ermes-myaccount .myaccount-menu,
    .searchCIMU #MainLayout_header {
        display: none;
    }

    #portal .frame-ermes-myaccount.container {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .page-compte .hero .hero {
        min-height: 200px;
        height: 200px;
    }

    @media (min-width:768px) {
        .page-compte .hero .hero {
            min-height: 250px;
            height: 250px;
        }
    }

    .page-PAD.mesRecherches #ermes-myaccount .myaccount-frames {
        border: 0;
        padding-left: 0;
        margin: 0 auto;
        float: none;
    }

    .page-PAD.mesRecherches #UserPreferencesMail-labelEl,
    .page-PAD.mesRecherches #UserPreferencesMail-labelEl span {
        text-align: left;
    }

    .frame-ermes-myaccountsubscriptions .iframeSubscription {
        width: 100%;
        min-height: 1000px;
        height: 1100px;
    }

    @supports (display:flex) {
        #AvailableServicesContainer-body .x-field.x-form-item.x-box-item.x-field-default.x-hbox-form-item>tbody>tr {
            display: flex;
            flex-wrap: wrap;
        }
        #AvailableServicesContainer-body .x-field.x-form-item.x-box-item.x-field-default.x-hbox-form-item>tbody>tr>td:first-of-type,
        #AvailableServicesContainer-body .x-field.x-form-item.x-box-item.x-field-default.x-hbox-form-item>tbody>tr>td:first-of-type label {
            width: 200px!important;
            margin-right: 1rem;
        }
    }

    #AvailableServicesContainer-body .x-form-item-label-top {
        width: unset!important;
    }

    .searchCIMU .x-panel-header-text-default span {
        color: #333;
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Philharmonique SemiBold', sans-serif;
        line-height: 17px;
    }

    #contentRegion-body .searchCIMU .item .x-fieldset legend {
        font-size: 1rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        padding-left: 0;
    }
    /*!   fin : PAGES COMPTE */
    /* ****************************************************** */
    /* ****************************************************** */
    /* ****************************************************** */
    /*!   FRISE CHRONO / TIMELINE                       */
    /*! navigation */

    #timeline-embed .tl-slidenav-next,
    #timeline-embed .tl-slidenav-previous {
        position: absolute;
        top: 30%!important;
        z-index: 10;
        cursor: pointer
    }

    #timeline-embed .tl-slidenav-next .tl-slidenav-icon {
        margin-left: 0
    }

    #timeline-embed .tl-slidenav-next .tl-slidenav-icon,
    #timeline-embed .tl-slidenav-previous .tl-slidenav-icon {
        font-family: ermes-font-update;
        font-size: 6rem;
        position: relative
    }

    #timeline-embed .tl-icon-goback,
    #timeline-embed .tl-icon-zoom-in,
    #timeline-embed .tl-icon-zoom-out {
        font-size: 1.5rem;
        font-family: ermes-font-update
    }

    #timeline-embed .tl-icon-goback::after {
        content: '\e844'
    }

    #timeline-embed .tl-icon-zoom-in::after {
        content: '\e846'
    }

    #timeline-embed .tl-menubar-button:hover,
    #timeline-embed .tl-menubar-button:hover span {
        background: #fff;
        color: #333
    }

    #timeline-embed .tl-icon-zoom-out::after {
        content: '\e843'
    }

    #timeline-embed .tl-slidenav-next .tl-slidenav-icon::before {
        content: '\e85a';
        position: absolute;
        right: 0;
        top: 0
    }

    #timeline-embed .tl-slidenav-previous .tl-slidenav-icon::before {
        content: '\e856'
    }

    #timeline-embed .tl-timeline .tl-caption a,
    #timeline-embed .tl-timeline .tl-credit a {
        font-size: 11px;
        line-height: 11px;
    }

    #timeline-embed .tl-slidenav-next .tl-slidenav-description,
    #timeline-embed .tl-slidenav-next .tl-slidenav-title,
    #timeline-embed .tl-slidenav-previous .tl-slidenav-description,
    #timeline-embed .tl-slidenav-previous .tl-slidenav-title {
        opacity: .45;
        font-family: "Source Sans Pro", SourceSansPro, sans-serif;
        font-size: .825rem;
    }

    #timeline-embed .tl-slidenav-next:hover .tl-slidenav-title,
    #timeline-embed .tl-slidenav-previous:hover .tl-slidenav-title {
        opacity: 1;
        font-family: "Source Sans Pro", SourceSansPro, sans-serif;
        font-size: .825rem;
    }
    /*! slide */

    #timeline-embed .tl-storyslider {
        /*    margin-bottom: .5rem;*/
    }

    #timeline-embed .tl-slide {
        width: 100%
    }

    #timeline-embed .tl-slide .tl-slide-content-container {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    /*! partie image */

    #timeline-embed .tl-slide .tl-media .tl-media-content-container .tl-media-content {
        text-align: right;
    }

    #timeline-embed .tl-slide .tl-media .tl-media-content-container .tl-media-content .tl-media-shadow {
        position: relative;
        z-index: 1;
        box-shadow: none;
    }

    #timeline-embed .tl-slide .tl-credit {
        float: right;
        position: absolute;
        bottom: 1rem;
        right: 0;
        padding: .2rem;
        color: #fff;
        z-index: 1;
        background: rgba(0, 0, 0, .3);
    }
    /*! partie texte */

    #timeline-embed .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
        padding: 0
    }

    #timeline-embed .tl-slide .tl-slide-content-container .tl-slide-content .tl-text .tl-text-content-container {
        padding: 2rem
    }

    #timeline-embed .tl-slide-titleslide .tl-slide-content .tl-text .tl-text-content-container>h2>span.type-encart {
        font-size: 1rem;
        font-family: 'Source Sans pro', sans-serif;
        text-align: left;
        color: #b3b3b3
    }

    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>h3.tl-headline-date,
    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>h3.tl-headline-date span {
        color: #b3b3b3;
    }

    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>h3.tl-headline-date,
    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>h3.tl-headline-date span,
    #timeline-embed .tl-slide-titleslide .tl-slide-content .tl-text .tl-text-content-container>h2>span.type-encart {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        position: relative;
        font-family: "Source Sans Pro", SourceSansPro, sans-serif;
        font-size: 1rem;
    }

    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>h3.tl-headline-date:after,
    #timeline-embed .tl-slide-titleslide .tl-slide-content .tl-text .tl-text-content-container>h2>span.type-encart:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2rem;
        height: 1px;
        background-color: #b3b3b3
    }

    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>.tl-text-content>p {
        margin: 1.625rem 0 0
    }

    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>.tl-text-content>p a.btn {
        margin: 0 .5rem .5rem 0;
    }

    #timeline-embed .tl-headline,
    #timeline-embed .tl-headline tl-headline-title {
        text-align: left
    }

    #timeline-embed .tl-slide-content .tl-text .tl-text-content-container h2.tl-headline {
        display: block;
        width: 100%;
        color: #000;
        font-family: 'Philharmonique Regular', sans-serif;
        text-transform: uppercase;
        font-size: 1.625rem!important;
        text-align: left;
        background-image: none;
        margin-bottom: 2rem
    }

    #timeline-embed h2.tl-headline.tl-headline-title {
        display: block;
        width: 100%;
        color: #000;
        font-family: 'Philharmonique Regular', sans-serif;
        text-transform: uppercase;
        font-size: 1.625rem!important;
        text-align: left;
        background-image: none;
        margin-bottom: 2rem
    }
    /*! slide titre de la frise */

    #timeline-embed .tl-slide-titleslide {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/bg-mozaik-classique.jpg) no-repeat;
        background-size: cover;
        background-position: center
    }

    #timeline-embed .tl-slide-titleslide .tl-slide-content .tl-text {
        padding: 2rem;
        background: #fff;
        border: 1px solid #ffd076;
        max-width: 650px
    }

    .tl-slide-titleslide .tl-slide-content .tl-text .tl-text-content-container>h3,
    .tl-slide-titleslide .tl-slide-content .tl-text .tl-text-content-container>h3.tl-headline-date:after {
        display: none
    }
    /*! fin : focus */
    /*! chronologie */

    #timeline-embed .tl-timenav {
        box-shadow: -2px 2px 7px #bbb inset;
        overflow: visible;
        /*! pour faire en sorte que le titre des ERA soit affiché sous la frise : */
    }

    #timeline-embed .tl-slide .tl-slide-scrollable-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%
    }

    #timeline-embed .tl-timemarker .tl-timemarker-content-container {
        color: #000;
        z-index: 9;
        border-color: #737373;
        box-shadow: unset;
        border-radius: 0;
        opacity: .6
    }

    #timeline-embed .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
    #timeline-embed .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
        color: #000
    }

    #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
        background-color: #000;
        color: #fff;
        z-index: 10;
        border-color: rgba(51, 51, 51, .5);
        box-shadow: unset;
        opacity: 1;
    }

    #timeline-embed .tl-slide .tl-slide-content-container .tl-slide-content {
        width: 100%!important;
        overflow: hidden;
    }

    #timeline-embed .tl-slide .tl-slide-content-container .tl-slide-content .tl-media {
        padding-bottom: 1rem;
    }

    #timeline-embed .tl-timemarker-media-container {
        display: none;
    }

    #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-timespan {
        background-color: rgba(255, 255, 255, .35);
        z-index: 8;
    }

    #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
    #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
        color: #fff;
    }

    #timeline-embed .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout::after,
    #timeline-embed .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after {
        display: none
    }

    #timeline-embed .tl-timemarker:hover .tl-timemarker-content-container {
        background-color: #fff;
        border-color: #a6a6a6;
        z-index: 11;
        opacity: 1;
    }

    #timeline-embed .tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
        color: #000;
    }
    /*! masquer les crédit concepteurs de la timeline : */

    .tl-timenav .tl-attribution {
        display: none!important;
    }
    /*! ERAS */

    #timeline-embed .tl-timeline,
    #timeline-embed .tl-timeera .tl-timeera-content-container .tl-timeera-content,
    #timeline-embed .tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text {
        overflow: visible;
        /*! pour faire en sorte que le titre des ERA soit affiché sous la frise : */
    }

    #timeline-embed .tl-timeera {
        height: 100%;
        opacity: .5
    }

    #timeline-embed .tl-timeera .tl-timeera-content-container {
        overflow: visible;
    }

    #timeline-embed .tl-timeera.tl-timeera-color0 .tl-timeera-background {
        background-color: #ffafdf
    }

    #timeline-embed .tl-timeera.tl-timeera-color1 .tl-timeera-background {
        background-color: #b3d6fd
    }

    #timeline-embed .tl-timeera.tl-timeera-color2 .tl-timeera-background {
        background-color: #7bd69d
    }

    #timeline-embed .tl-timeera.tl-timeera-color3 .tl-timeera-background {
        background-color: #ffafdf
    }

    #timeline-embed .tl-timeera.tl-timeera-color4 .tl-timeera-background {
        background-color: #286dc3
    }

    #timeline-embed .tl-timeera.tl-timeera-color5 .tl-timeera-background {
        background-color: #7bd69d
    }

    #timeline-embed .tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text h2.tl-headline {
        bottom: -1.3rem;
        position: absolute;
        font-size: 1rem;
        line-height: 2.6;
        letter-spacing: .825rem;
        font-weight: 400;
        margin: 0;
        color: #fff;
        margin-left: 1rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        /*
    width:100%;
    text-align:center;
*/
    }
    /*! axe des dates */

    #timeline-embed .tl-timeaxis-minor .tl-timeaxis-tick-text.tl-animate-opacity {
        font-size: 11px;
        color: #999;
    }

    @media (max-width:700px) {
        .section-timeline {
            display: none
        }
    }
    /*!   fin : TIMELINE */
    /*!  PAGE PORTRAITS */

    .portraits .nav-tabs>li,
    .portraits .nav-tabs>li:hover,
    .portraits .nav-tabs>li:focus {
        background-color: #FFF;
        border: 0;
        border-bottom: 1px solid #000;
        border-radius: 0px;
        color: #000 !important;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        font-size: 1rem;
    }

    .portraits .nav-tabs>li.active,
    .portraits .nav-tabs>li.active:hover,
    .portraits .nav-tabs>li.active:focus {
        background-color: #FAF8F9;
        color: #000 !important;
        border: 1px solid #000;
        border-bottom: 0;
        /*
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: currentcolor;
*/
    }
    /*!  fin : PAGE PORTRAITS */
    /*! ************** */
    /*! BANNIERE       */
    /*! ************** */

    #banniere-info {
        width: 100%;
        background: #b3d6fd;
        display: none;
    }
    /*
body.anonyme #banniere-info{
}
*/

    body.connecte #banniere-info {
        width: 100%;
        background: #b3d6fd;
        display: none;
    }

    #banniere-info .container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #banniere-info a {
        font-size: .875rem;
        flex: 1;
        padding: .5rem 1rem;
        display: flex;
        align-items: center;
        transition: background .25s ease-in-out;
    }

    #banniere-info img {
        width: 30px;
    }

    #banniere-info span {
        font-size: .875rem;
        flex: 1;
        padding: 0 0 0 1rem;
    }

    #banniere-info a:hover span {
        text-decoration: underline;
    }

    #banniere-info .banniere-close {
        width: 2rem;
        height: 2rem;
        margin: 0 auto;
        background: url(images/cross.png) no-repeat center;
        background-clip: content-box;
        background-size: 100%;
        padding: .5rem;
        cursor: pointer;
    }
    /*! FIN : BANNIERE  */
    /*! ************** */
    /*! 999/ FOOTER : */
    /*! ************** */

    .clr {
        clear: both
    }

    #frameFooter {
        width: 100%;
        /*height: 100%;*/
        overflow: hidden;
    }

    .footermediahtml body {
        background: #444 !important;
    }

    footer.footer-mediaPP {
        display: block;
        clear: both;
        background: #444;
        padding: 3rem 0 0;
        font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: .825rem;
        color: #ccc;
        /* Empêhe le footer d'être en dessous du sommaire sur un format mobile */
        position: relative;
        z-index: 999;
    }

    footer.footer-mediaPP .container {
        display: block;
        clear: both;
        max-width: 1100px!important;
        margin: 0 auto
    }

    footer.footer-mediaPP h3 {
        font-family: 'Philharmonique SemiBold', sans-serif;
        text-transform: uppercase;
        color: #fff
    }

    .footer-top {
        margin-bottom: 2rem;
        clear: both
    }

    .footer-content {
        text-align: center;
        clear: both
    }

    .coll {
        display: block;
        float: left;
        text-align: left;
        min-width: 250px
    }

    .coll:nth-of-type(2) {
        margin-left: 4%;
        margin-right: 4%
    }

    .coll ul {
        list-style-type: none
    }

    .coll ul li {
        color: #ccc;
        padding: 1rem
    }

    .coll ul li a {
        color: #ccc;
        line-height: 1.5
    }

    .footer-bottom {
        height: 50px;
        clear: both;
        background: #000;
        text-align: center;
        padding: 0rem 0 0;
        margin-top: 1rem
    }

    .footer-bottom a {
        color: #ccc;
        text-decoration: none;
        line-height: 3;
    }

    @media (max-width:640px) {
        .footer-top {
            display: block!important
        }
    }

    @media (max-width:767px) {
        footer.footer-mediaPP .container {
            padding-left: 3.125rem!important
        }
    }

    @media (min-width:768px) {
        footer.footer-mediaPP .container {
            width: 750px!important
        }
    }

    @media (max-width:991px) {
        footer.footer-mediaPP .coll.col-md-4 {
            width: 50%!important;
            margin-left: 0;
            margin-right: 0
        }
        footer.footer-mediaPP .coll.col-md-4:nth-of-type(3) {
            width: 100%!important;
            margin-left: 0;
            margin-right: 0
        }
    }

    @media (min-width:992px) {
        footer.footer-mediaPP .container {
            width: 970px!important
        }
        footer.footer-mediaPP .coll.col-md-4 {
            width: 30%!important
        }
    }

    @media (min-width:1200px) {
        footer.footer-mediaPP .container {
            width: 1170px!important
        }
    }
    /*! **************************** */
    /*! PAGE DEBUSSY                 */
    /*! **************************** */

    body.page-PAD.parcours-thematique #page .cms-inner-zone>div[id^="frame-"]>.container {
        margin: 0 auto !important;
    }

    body.page-PAD.parcours-thematique #page .cms-inner-zone>div#frame-29742,
    body.page-PAD.parcours-thematique #page .cms-inner-zone>div#frame-29743 {
        /*    background: #f5f5f5;*/
    }

    body.page-PAD.parcours-thematique #page .section {
        margin-top: 2rem !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.page-PAD.parcours-thematique #page .section .section {
        margin-top: 0 !important;
        padding-bottom: 2rem !important;
    }

    body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero .panel-heading .resize.visible-xs {
        display: none !important;
    }

    body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero.container {
        padding: 0;
    }

    body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero {
        padding-bottom: 0;
        background: rgba(0, 0, 0, .5);
    }

    body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero p.contributeur {
        margin-top: auto;
    }

    @media(max-width:767px) {
        body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero p.contributeur {
            flex-direction: column;
            align-items: center;
        }
        body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero p.contributeur img {
            max-width: 70px;
        }
        body.page-PAD.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero p.contributeur span {
            font-size: .8rem;
        }
    }

    .parcours-thematique .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
    .parcours-thematique .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap>.rsOverflow {
        height: 400px !important;
    }

    .parcours-thematique .rsSlideContainer .template-resume,
    .parcours-thematique .rsSlideContainer .line {
        display: none;
    }

    .parcours-thematique .rsSlideContainer .cim-short-contrat {
        text-transform: uppercase;
        font-size: .875rem;
        color: #777;
    }

    .parcours-thematique .rsSlideContainer p,
    .parcours-thematique .rsSlideContainer span {
        color: #777;
    }

    .parcours-thematique .rsSlideContainer .cim-short-duree-type-doc {
        color: #000;
    }

    .parcours-thematique .rsDefaultInv .rsBullets {
        padding-bottom: 2rem;
        /*    border-bottom: 1px solid #ededed;*/
    }
    /*! ************ */
    /*! debussy home */

    body.debussy-home .fildariane {
        display: none;
    }

    body.debussy-home .hero-debussy {
        background: url(images/parcours-thematiques/debussy-Claude-marcel-baschet.jpg) no-repeat center;
        background-size: cover;
    }

    body.debussy-home .hero-debussy .hero-debussy {
        background: none;
        background-color: rgba(0, 0, 0, 0.4);
    }

    body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span {
        display: inline;
    }

    body.debussy-home .hero-debussy .hero-debussy .heroTexte h1,
    body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 {
        letter-spacing: .25rem;
    }

    body.debussy-home .hero-debussy .hero-debussy .heroTexte .rubrique {
        margin-top: auto;
    }

    @media (max-width:766px) {
        #portal .anCentenaire,
        .an2018 {
            display: none;
        }
    }

    @media (min-width:767px) {
        body.debussy-home #portal .hero-debussy,
        body.debussy-home #portal .hero-debussy .hero-debussy {
            height: calc(100vh - 100px);
        }
        /*! invitation à scroller */
        body.debussy-home .hero-debussy .hero-debussy .heroTexte {
            position: relative;
        }
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h1,
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 {
            letter-spacing: .5rem;
        }
        .scroll-link-container {
            position: absolute;
            width: 5rem;
            height: 5rem;
            border-radius: 1.625rem;
            background: transparent;
            border: 1px solid transparent;
            bottom: 20%;
            overflow: hidden;
        }
        /*! anim fleche vers le bas */
        .scroll-link-container:before {
            position: absolute;
            content: url(images/icon--chevron-bas.png);
            color: #fff;
            top: 0rem;
            left: 50%;
            transform: rotate(90deg) translate(-50%, 0);
            opacity: 0;
            animation: scrollingMouse 3.5s linear 8s infinite;
        }
        @keyframes scrollingMouse {
            0% {
                transform: translate(-50%, 0rem);
                opacity: 0;
                /*            height:.875rem;*/
            }
            10% {
                transform: translate(-50%, 1.8rem);
                opacity: 1;
                /*            height:.45rem;*/
            }
            20% {
                transform: translate(-50%, 3.625rem);
                opacity: 0;
                /*            height:.45rem;*/
            }
            100% {
                transform: translate(-50%, 3.625rem);
                opacity: 0;
                /*            height:.45rem;*/
            }
        }
        .scroll-link {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: transparent;
        }
        /* REMPLACEMENT PAR LE BAS */
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 {
            overflow: hidden;
            animation: fadeIn-TXT 1.2s ease-in-out 4.5s 1 both;
        }
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span {
            width: auto;
            margin: 0;
            position: relative;
            display: inline-block;
            /*        transition: transform 0.4s;*/
            animation: slideIn-TXT .75s ease-in-out 7s 1 both;
        }
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span.an2018 {
            animation: slideIn-TXT .75s ease-in-out 7.35s 1 both;
        }
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span:before {
            content: attr(data-hover);
            position: absolute;
            top: 100%;
            width: 100%;
        }
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span.anCentenaire:before,
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span.an2018 {
            text-align: right;
        }
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span.anCentenaire,
        body.debussy-home .hero-debussy .hero-debussy .heroTexte h2 span.an2018:before {
            text-align: left;
        }
        @keyframes slideIn-TXT {
            from {
                transform: translateY(0);
            }
            to {
                transform: translateY(-100%);
            }
        }
        body.page-PAD.parcours-thematique.debussy-home .frame-portalcarouselwebframefactory.hero-debussy .hero-debussy {
            padding-bottom: 0;
            background: linear-gradient(45deg, #000, rgba(0, 0, 0, 0.2));
            background-position-x: 0;
            background-size: 400%;
            animation: fadeIn-BG 2s ease-in 1 both;
        }
        @keyframes fadeIn-BG {
            0% {
                background-position-x: 0;
                background-size: 400%;
            }
            100% {
                background-position-x: 100%;
                background-size: 100%;
            }
        }
        .parcours-thematique.debussy-home .hero-debussy .hero-debussy .heroTexte .rubrique,
        .parcours-thematique.debussy-home .hero-debussy .hero-debussy .heroTexte .contributeur {
            opacity: 0;
            animation: fadeIn-TXT 2s ease-in 1s 1 both;
        }
        .parcours-thematique.debussy-home .hero-debussy .hero-debussy .heroTexte h1 {
            opacity: 0;
            animation: fadeIn-TXT 2s ease-in 3s 1 both;
        }
        @keyframes fadeIn-TXT {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
    }

    body.debussy-home .cta {
        background: url(images/parcours-thematiques/debussy-Claude-marcel-baschet.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
    }

    body.parcours-thematique .cta .cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .5);
    }

    body.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero,
    body.debussy-home .frame-portalcarouselwebframefactory.hero .hero {
        height: calc(40vh - 100px);
        min-height: 350px;
        padding: 3rem 0;
    }
    /*! debussy navblocs : */
    /*
body.debussy .navigationBlocs-conteneur .navigationBlocs-conteneur{
    width:50%;
    margin:0 auto;
}
*/

    @media (max-width:991px) {
        body.debussy .navigationBlocs-conteneur .navigationBlocs-conteneur {
            width: 100%;
        }
    }

    li.navigationBlocs-item .content h3.normal {
        color: #fff;
    }

    .nav-home--debussy li.navigationBlocs-item-home {
        background: url(images/parcours-thematiques/debussy-Claude-marcel-baschet.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--debussy li.navigationBlocs-item-autres {
        background: url(images/parcours-thematiques/claude-debussy-la-mer-hero.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--debussy li.navigationBlocs-item-onirique {
        background: #ffd076 url(images/parcours-thematiques/debussy-voyageur-onirique.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--debussy li.navigationBlocs-item-instruments {
        background: #ffd076 url(images/parcours-thematiques/debussy-instruments-rois.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--debussy li.navigationBlocs-item-rebelle {
        background: #e6e6e6 url(images/parcours-thematiques/debussy-enfant-rebelle.jpg) no-repeat center;
        background-size: cover
    }

    .nav-home--debussy li.navigationBlocs-item-home .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .nav-home--debussy li.navigationBlocs-item-autres .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(58, 103, 109, 0.85);
    }

    .nav-home--debussy li.navigationBlocs-item-onirique .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(188, 141, 158, 0.85);
    }

    .nav-home--debussy li.navigationBlocs-item-instruments .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(170, 147, 102, 0.85);
    }

    .nav-home--debussy li.navigationBlocs-item-rebelle .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(100, 132, 163, 0.85);
    }

    .nav-home--debussy li.navigationBlocs-item.active .content,
    .nav-home--debussy li.navigationBlocs-item:hover .content,
    .nav-home--debussy li.navigationBlocs-item-noHover .content,
    .nav-home--debussy li.navigationBlocs-item-noHover:hover .content {
        background-color: #d3d2e8;
        background-color: rgba(255, 255, 255, .4);
    }

    body.debussy li.navigationBlocs-item {
        height: 180px;
        flex-basis: 25%;
    }

    body.debussy-home .navigationBlocs-conteneur .navigationBlocs-conteneur {
        width: 66%;
        /*    width: 50%;*/
        margin: 0 auto;
    }

    body.debussy-home li.navigationBlocs-item {
        height: 180px;
        flex-basis: 50%;
    }

    body.debussy li.navigationBlocs-item .content a {
        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;
        color: #fff;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        font-size: 1.325rem;
    }

    @media (max-width:767px) {
        body.debussy li.navigationBlocs-item .content a {
            padding: 1rem;
            font-size: 1rem;
        }
    }

    @media (max-width:550px) {
        body.debussy-home .navigationBlocs-conteneur .navigationBlocs-conteneur {
            width: 100%;
        }
    }
    /*! ********************
/*! frise chrono debussy */

    body.debussy-home #portal .section-timeline {
        margin-top: 3rem;
    }

    body.debussy-home #portal .section-timeline>.panel-heading h2 span {
        text-align: center;
    }

    body.debussy-home #timeline-embed {
        margin-top: 1.5rem;
        margin-bottom: 3rem;
        padding-bottom: 1rem;
    }
    /* partie contenu */

    body.debussy-home #timeline-embed .tl-slide .tl-slide-content-container .tl-slide-content {
        display: flex;
        align-items: center;
    }
    /*! slide titre */

    body.debussy-home #timeline-embed .tl-slide-titleslide {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/parcours-thematiques/nuit-detoiles-debussy-claude-zoom.jpg) no-repeat;
        /*    background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/parcours-thematiques/debussy-portrait-2.jpg) no-repeat;*/
        background-size: cover;
        background-position: center;
    }

    body.debussy-home #timeline-embed .tl-slide-titleslide .tl-slide-scrollable-container {
        background: rgba(0, 0, 0, .5);
    }

    body.debussy-home #timeline-embed .tl-slide-titleslide .tl-slide-content .tl-text {
        padding: 2rem;
        background: transparent;
        border: 0;
        max-width: 650px;
    }

    body.debussy-home #timeline-embed #naissanceadeaclaudeadebussy .tl-slide-content .tl-text .tl-text-content-container>.tl-text-content>a.btn.btn-default {
        color: #000 !important;
        text-shadow: none !important;
    }

    body.debussy-home #timeline-embed #naissance-de-claude-debussy img {
        max-height: 400px!important;
    }

    body.debussy-home #timeline-embed #naissance-de-claude-debussy .tl-credit {
        width: auto!important;
        max-width: 251px!important;
    }

    body.debussy-home #timeline-embed .tl-slide-content .tl-text .tl-text-content-container>.tl-text-content>p {
        margin: 1.625rem 0 1rem;
    }
    /* partie frise */

    body.debussy-home #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container,
    body.debussy-home #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
    body.debussy-home #timeline-embed .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
        /*    height: auto !important;*/
    }
    /*! cta "voir tous les parcours thématiques" sur la home */

    .debussy-home .cta {
        display: none;
    }
    /*! barre de navigation dans les pages Parcours thema : */

    nav.parcours-nav {
        margin-top: .825rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #dedede;
        display: none;
    }

    .parcours-nav ul,
    nav.parcours-nav>ul>li {
        display: flex;
    }

    nav.parcours-nav>ul>li>a {
        display: flex;
        align-items: stretch;
    }

    nav.parcours-nav>ul>li>a>span {
        text-transform: uppercase;
        font-size: 12px;
        margin: 0 1.5rem;
        padding: .625rem 0;
        color: #333;
    }

    nav.parcours-nav>ul>li:hover>a>span {
        color: #999;
    }

    nav.parcours-nav>ul>li.active>a>span {
        box-shadow: 0 -4px 0 0 #000 inset;
        font-weight: bold;
        color: #000;
    }

    nav.parcours-nav>ul>li.parcours-nav--home>a>span {
        position: relative;
        padding-left: 2rem;
        margin: 0 1.5rem 0 0;
    }

    nav.parcours-nav>ul>li.parcours-nav--home>a>span:before {
        content: url(images/icon-home-20.png);
        position: absolute;
        bottom: .625rem;
        left: 0;
        top: .5rem;
        opacity: .6;
    }

    nav.parcours-nav>ul>li.parcours-nav--home:hover>a>span:before {
        opacity: 1;
    }

    nav.parcours-nav>ul>li.parcours-nav--home:after {
        content: "|";
        font-weight: bolder;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    @media (max-width:991px) {
        nav.parcours-nav>ul>li>a>span {
            margin: 0 .65rem;
            font-size: 11px;
        }
        nav.parcours-nav>ul>li.active>a>span {
            font-size: 11px;
        }
        nav.parcours-nav>ul>li.parcours-nav--home>a>span {
            margin: 0 .5rem 0 0;
        }
    }
    /*! fin : barre de navigation dans les pages Parcours thema : */

    .nav-bottom-debussy {
        margin-bottom: 4rem!important;
    }
    /*! QUIZ */

    body.page-PAD.parcours-thematique #page .cms-inner-zone>div[id^="frame-"]>.container.section-quiz {
        margin-bottom: 3rem!important;
    }

    body.page-PAD.parcours-thematique #page .cms-inner-zone>div[id^="frame-"]>.container.section-quiz .section-quiz {
        margin-bottom: 0!important;
    }

    body.debussy #portal .section-quiz {
        background: url(images/parcours-thematiques/claude-debussy-la-mer-hero.jpg) no-repeat center;
        background-size: cover;
    }

    body.debussy #portal .section-quiz .section-quiz {
        border: 1px solid #ccc;
        background: rgba(255, 255, 255, .96);
        margin-bottom: 0 !important;
    }

    body.debussy-onirique #portal .section-quiz .section-quiz,
    body.debussy-instruments #portal .section-quiz .section-quiz {
        background: rgba(255, 255, 255, .9);
    }

    body.debussy-onirique #portal .section-quiz {
        background: url(images/parcours-thematiques/debussy-voyageur-onirique.jpg) no-repeat center;
        background-size: cover;
    }

    body.debussy-instruments #portal .section-quiz {
        background: url(images/parcours-thematiques/debussy-piano.jpg) no-repeat center;
        background-size: cover;
    }

    body.debussy-rebelle #portal .section-quiz {
        background: url(images/parcours-thematiques/debussy-enfant-rebelle.jpg) no-repeat center;
        background-size: cover;
    }

    #quiz {
        background: transparent;
        height: 500px!important;
    }
    /*! cacher le partage réseaux sociaux */

    body.page-PAD.parcours-thematique .results-social {
        display: none!important;
    }

    @media (max-width:620px) {
        #portal .section-quiz {
            display: none;
        }
    }
    /*! fin : QUIZ */
    /*! ********************* */
    /*! debussy et les autres */

    body.debussy-autres .hero-debussy {
        background: url(images/parcours-thematiques/claude-debussy-la-mer-hero.jpg) no-repeat center;
        background-size: cover;
    }

    body.debussy-autres .cta {
        /*    background: url(images/parcours-thematiques/claude-debussy-la-mer-hero.jpg) no-repeat center;*/
        background-size: cover;
        background: #fff;
        background-attachment: fixed;
    }

    body.debussy-autres .cta .cta {
        background-image: none;
        background-color: #fff;
        /*    background-color: rgba(0, 0, 0, .5);*/
    }
    /*! ********************* */
    /*! debussy voyageur onirique */

    body.debussy-onirique .hero-debussy {
        background: url(images/parcours-thematiques/debussy-voyageur-onirique.jpg) no-repeat center;
        background-size: cover;
    }

    body.page-PAD.parcours-thematique.debussy-onirique .frame-portalcarouselwebframefactory.hero-debussy .hero-debussy {
        background-color: rgba(144, 102, 117, 0.75);
    }

    body.debussy-onirique .cta {
        /*    background: url(images/parcours-thematiques/debussy-voyageur-onirique.jpg) no-repeat center;*/
        background-size: cover;
        background: #fff;
        background-attachment: fixed;
    }

    body.debussy-onirique .cta .cta {
        background-image: none;
        background-color: #fff;
        /*    background-color: rgba(0, 0, 0, .5);*/
    }
    /*! ********************* */
    /*! debussy instruments rois */

    body.page-PAD.parcours-thematique.debussy-instruments .frame-portalcarouselwebframefactory.hero-debussy .hero-debussy {
        background: none;
        background-color: none;
    }

    body.debussy-instruments .hero-debussy {
        background: url(images/parcours-thematiques/debussy-piano.jpg) no-repeat center;
        background-size: cover;
        background: url(images/parcours-thematiques/debussy-piano.jpg), rgba(203, 157, 25, .5);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-blend-mode: hard-light;
    }

    body.page-PAD.trouver .frame-portalcarouselwebframefactory.hero .hero {
        background: none;
        background-color: none;
    }

    body.trouver .hero {
        background: url(images/map.jpg), rgba(203, 157, 25, 1);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-blend-mode: hard-light;
    }

    body.debussy-instruments .cta {
        /*    background: url(images/parcours-thematiques/debussy-piano.jpg) no-repeat center;*/
        background-size: cover;
        background: #fff;
        background-attachment: fixed;
    }

    body.debussy-instruments .cta .cta {
        background-image: none;
        background-color: #fff;
        /*    background-color: rgba(0, 0, 0, .5);*/
    }
    /*! ********************* */
    /*! debussy enfant rebelle */

    body.debussy-rebelle .hero-debussy {
        background: url(images/parcours-thematiques/debussy-enfant-rebelle.jpg) no-repeat center;
        background-size: cover;
    }

    body.debussy-rebelle .cta {
        /*    background: url(images/parcours-thematiques/debussy-enfant-rebelle.jpg) no-repeat center;*/
        background-size: cover;
        background: #fff;
        background-attachment: fixed;
    }

    body.debussy-rebelle .cta .cta {
        background-image: none;
        background-color: #fff;
        /*    background-color: rgba(0, 0, 0, .5);*/
    }

    body.debussy-rebelle #portal .bandeauCitation {
        background: url(images/parcours-thematiques/les_petits_classiques_28_Rondo.jpg) no-repeat center;
        background-size: cover;
        background-attachment: fixed;
        position: relative;
        margin: 0 0 2rem!important;
        @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }
    }

    body.debussy-rebelle #portal .bandeauCitation .bandeauCitation {
        background-image: none;
        background-color: rgba(1, 56, 85, 0.75);
        position: relative;
        margin: 0!important;
        background-attachment: scroll;
    }

    .bandeauCitation .citation-conteneur {
        max-width: 1100px;
        margin: 0 auto;
        display: block;
        padding: 5rem;
    }

    @media (max-width:767px) {
        .bandeauCitation .citation-conteneur {
            padding: 3rem 2rem;
        }
    }

    .bandeauCitation,
    .bandeauCitation p,
    .bandeauCitation cite,
    .bandeauCitation span {
        color: #fff;
    }

    .bandeauCitation blockquote,
    .bandeauCitation blockquote p,
    .bandeauCitation blockquote span {
        font-size: 1.625rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    .bandeauCitation cite {
        color: #fff;
        font-size: 1rem;
        font-style: oblique;
        clear: both;
        float: none;
    }

    .bandeauCitation cite cite {
        font-style: normal;
    }
    /*! animation pour l'apparition des blocs en slidant vers le haut */

    .come-in:not(.already-visible) {
        transform: translateY(110px);
        animation: come-in 1s ease forwards;
    }

    .come-in:nth-child(odd) {
        animation-duration: 0.7s;
    }

    .already-visible {
        transform: translateY(110px);
        /*  animation: none;*/
        animation: come-in-already 1s ease forwards;
    }

    .already-visible:nth-child(odd) {
        animation-duration: .7s;
    }

    @keyframes come-in {
        to {
            transform: translateY(0);
        }
    }

    @keyframes come-in-already {
        to {
            transform: translateY(0);
        }
    }
    /*! ************** */
    /*! BLOC PRINT-PDF */
    /*! ************** */

    .print-pdf>.print-pdf {
        display: none;
    }

    .print-pdf img {
        margin-right: 10px;
    }

    .print-pdf a {
        color: #000000 !important;
    }
    /*! CECILE D */
    /*! formulaire de contact */

    body.contact .encart {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem!important;
    }

    body.contact .hero {
        background-image: url(images/bg-contact.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    body.contact .hero .hero {
        background-image: none;
        background-color: rgba(0, 0, 0, .5);
    }
    /*! CECILE D */
    /*! devenir médiathèque abonnée */

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
        body.test .hero {
            background-image: url(images/bg-test.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }
    }
    /*! CECILE D */
    /*! archives lettres d'information */

    body.archives-lettres-infos .listeEtVignette ul {
        width: 50%;
        margin: 0 auto;
        display: flex;
        flex-direction: column-reverse;
    }
    /*! CECILE D */
    /*! pop up inline centenaire debussy */

    #02 {
        margin-top: -1500px;
    }
    /*! CECILE D */
    /*! sélection halloween */

    body.halloween .hero,
    body.halloween .cta {
        background-image: url(images/selections-thematiques/bg-halloween.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    body.halloween .hero .hero {
        background-image: none;
        background-color: rgba(0, 0, 0, .5);
    }
    /*! Cécile D. - parcours grande guerre */

    body.maurice-marechal .hero-lhomme {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/maurice-marechal-et-son-poilu.jpg) no-repeat center;
        background-size: cover;
    }

    body.maurice-marechal .cta {
        /*    background: url(images/parcours-thematiques/claude-debussy-la-mer-hero.jpg) no-repeat center;*/
        background-size: cover;
        background: #fff;
        background-attachment: fixed;
    }

    body.maurice-marechal .cta .cta {
        background-image: none;
        background-color: #fff;
        /*    background-color: rgba(0, 0, 0, .5);*/
    }

    body.maurice-marechal .hero-le-violoncelle {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/violoncelle-poilu-bg.jpg) no-repeat center;
        background-size: cover;
    }

    body.maurice-marechal .hero-la-memoire {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/vitrine-musee-grande-guerre.jpg) no-repeat center;
        background-size: cover;
    }

    body.maurice-marechal .hero-musiciens-et-compositeurs {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-musiciens-et-compositeurs-au-front.jpg) no-repeat center;
        background-size: cover;
    }

    body.maurice-marechal .hero-trois-compositeurs {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-trois-compositeurs-autrichiens.jpg) no-repeat center;
        background-size: cover;
    }

    body.maurice-marechal .hero-musique-guerre {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-la-musique-en-guerre.jpg) no-repeat center;
        background-size: cover;
    }

    body.maurice-marechal .hero-musique-arriere-front {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-musique-arriere-front.jpg) no-repeat center;
        background-size: cover;
    }
    /*! Cécile D. - parcours grande guerre - La mémoire du violoncelle */

    .maurice-marechal #zone-5 {
        background-color: #fff !important;
        width: 60%;
        margin: 0 auto;
        max-height: 532px !important;
        padding-top: 150px;
        flex: 1;
    }

    .maurice-marechal #zone-4 {
        width: 40%;
    }

    .maurice-marechal #frame-31222 {
        border-bottom: none;
    }
    /*! Cécile D. - NAVIGATION GRANDE GUERRE MAURICE MARECHAL */

    body.maurice-marechal .navigationBlocs-conteneur .navigationBlocs-conteneur {
        width: 50%;
        margin: 0 auto;
    }

    @media (max-width:991px) {
        body.maurice-marechal .navigationBlocs-conteneur .navigationBlocs-conteneur {
            width: 100%;
        }
    }

    li.navigationBlocs-item .content h3.normal {
        color: #ffffff;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-home {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/maurice_marechal_et_le_poilu.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-homme {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/maurice-marechal-et-son-poilu.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-violoncelle {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/violoncelle-poilu-bg.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-memoire {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/vitrine-musee-grande-guerre.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-musiciens {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-musiciens-et-compositeurs-au-front.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-schonberg {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-trois-compositeurs-autrichiens.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-guerre {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-la-musique-en-guerre.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-arrierefront {
        background: #ffd076 url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/bg-musique-arriere-front.jpg) no-repeat center;
        background-size: cover;
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-home .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-homme .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 208, 118, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-violoncelle .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 208, 118, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-memoire .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 208, 118, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-musiciens .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 189, 112, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-schonberg .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 189, 112, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-guerre .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 189, 112, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item-arrierefront .content {
        -webkit-transition: all .35s;
        transition: all .35s;
        background-color: rgba(255, 189, 112, 0.85);
    }

    .nav-home--maurice-marechal li.navigationBlocs-item.active .content,
    .nav-home--maurice-marechal li.navigationBlocs-item:hover .content,
    .nav-home--maurice-marechal li.navigationBlocs-item-noHover .content,
    .nav-home--maurice-marechal li.navigationBlocs-item-noHover:hover .content {
        background-color: #d3d2e8;
        background-color: rgba(255, 255, 255, .4);
    }

    body.maurice-marechal li.navigationBlocs-item {
        height: 180px;
        flex-basis: 25%;
    }

    body.maurice-marechal .navigationBlocs-conteneur .navigationBlocs-conteneur {
        width: 66%;
        /*    width: 50%;*/
        margin: 0 auto;
    }

    body.maurice-marechal li.navigationBlocs-item {
        height: 180px;
        flex-basis: 50%;
    }

    body.maurice-marechal li.navigationBlocs-item .content a {
        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;
        color: white;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        font-size: 1.325rem;
        text-decoration: none;
    }

    @media (max-width:767px) {
        body.maurice-marechal li.navigationBlocs-item .content a {
            padding: 1rem;
            font-size: 1rem !important;
        }
    }

    @media (max-width:550px) {
        body.maurice-marechal .navigationBlocs-conteneur .navigationBlocs-conteneur {
            width: 100%;
        }
    }

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

    .nav-blocs.nav-home--maurice-marechal {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    body.maurice-marechal li.navigationBlocs-item .content a {
        color: white !important;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        font-size: 1.325rem !important;
        text-decoration: none;
    }

    .maurice-marechal #layout-3 {
        display: none;
    }
    /*! Cécile D. - HOME Grande Guerre - Maurice Maréchal */

    body.maurice-marechal .hero-maurice-marechal {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/images/maurice_marechal_et_le_poilu.jpg) no-repeat top;
        background-size: cover;
    }

    body.maurice-marechal .hero-maurice-marechal .hero-maurice-marechal {
        background: none;
        background-color: rgba(0, 0, 0, 0.4);
    }

    body.maurice-marechal .hero-maurice-marechal .hero-maurice-marechal .heroTexte h2 span {
        display: inline;
    }

    body.maurice-marechal .hero-maurice-marechal .hero-maurice-marechal .heroTexte h1,
    body.maurice-marechal .hero-maurice-marechal .hero-maurice-marechal .heroTexte h2 {
        letter-spacing: .25rem;
    }

    body.maurice-marechal .hero-maurice-marechal .hero-maurice-marechal .heroTexte .rubrique {
        margin-top: auto;
    }

    @media (max-width:766px) {
        #portal .anCentenaire,
        .an2018 {
            display: none;
        }
        body.parcours-thematique .frame-portalcarouselwebframefactory.hero .hero,
        body.maurice-marechal .frame-portalcarouselwebframefactory.hero .hero {
            height: calc(60vh - 100px);
        }
        body.maurice-marechal .hero-maurice-marechal .hero-maurice-marechal .heroTexte .rubrique {
            margin-top: 0;
        }
    }

    @media (min-width:767px) {
        body.maurice-marechal #portal .hero-maurice-marechal,
        body.maurice-marechal #portal .hero-maurice-marechal .hero-maurice-marechal {
            height: calc(100vh - 100px);
        }
    }

    body.parcours-thematique .cta .cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .5);
        background-size: cover;
    }

    .maurice-marechal .section-credit {
        margin-top: 0 !important;
        background-color: #444444 !important;
        padding-bottom: 10px;
        padding-top: 0px !important;
    }

    .maurice-marechal .hero a {
        font-size: .875rem;
    }
    /*! Cécile D. - Lettre d'information - liste et vignettes */

    ul.lettreInformation {
        padding-bottom: 80px;
    }

    ul.lettreInformation li .listeEtVignette-img img {
        height: 100px;
        width: 120px;
    }
    /*! Cécile D. - home - encart mediatheque connectee */

    .mediathequeConnectee ul li:before {
        content: "• ";
        color: #1685e5;
    }
    /*! Cécile D. - storymaps Grande Guerre */

    .storymapMaurice {
        height: 700px;
        padding-bottom: 100px;
        padding-top: 15px;
        width: 100%;
    }

    #portal .storymapMaurice .vco-slide .vco-slide-calltoaction .vco-slide-calltoaction-button-text {
        font-size: 1rem;
        background-color: #ffd076;
        border-color: #ffd076;
        color: #000;
        padding: 1rem 2rem;
        border-radius: 0px !important;
        font-weight: normal;
        text-shadow: none !important;
    }

    #portal .storymapMaurice .vco-menubar-button {
        font-size: 0.8rem;
        background-color: #f5f5f5;
        border-color: #f5f5f5;
        color: #000;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 0;
        font-weight: normal;
        border: 0px !important;
    }

    #portal .storymapMaurice .vco-slide .vco-slide-calltoaction .vco-slide-calltoaction-button-text:hover {
        background-color: #ffbd70;
        border-color: #ffbd70;
    }

    #portal .storymapMaurice .vco-menubar-button:hover,
    .maurice-marechal .storymapMaurice .vco-menubar:hover {
        background-color: #ddd;
    }

    .maurice-marechal .storymapMaurice .vco-menubar {
        border-radius: 0;
        border: 0px !important;
    }

    #portal .storymapMaurice .vco-map .leaflet-container .leaflet-control-attribution {
        display: none;
    }

    .maurice-marechal .storymapMaurice .vco-text-content span,
    #portal .maurice-marechal .storymapMaurice main div:not(.menu-type) a:not(.btn),
    #portal .maurice-marechal .storymapMaurice main div:not(.menu-type) a:not(.btn):hover,
    .maurice-marechal .storymapMaurice .vco-text-content,
    .maurice-marechal .storymapMaurice .vco-text-content a {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 15px;
        color: #737373 !important;
        text-shadow: none !important;
    }

    .maurice-marechal .storymapMaurice .vco-slide.vco-full-image-background b {
        text-shadow: none !important;
    }

    .maurice-marechal .storymapMaurice .vco-text-content a {
        color: #1675e1 !important;
        text-decoration: none !important;
        background: none !important;
    }

    #portal .storymapMaurice .vco-icon-goback {
        display: none;
    }
    /*! flèche nav droite - failed */

    .maurice-marechal #portal .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-icon {
        content: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/frise/flecheNavDroit.svg) !important;
        background-color: none;
        padding: 20px;
        border: none;
        padding: 0px;
        display: block;
        width: 50px;
    }

    .maurice-marechal .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-icon {
        content: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/parcours/parcours-grande-guerre/frise/flecheNavGauche.svg) !important;
        content: no-repeat;
        background-color: none;
        padding: 20px;
        border: none;
        padding: 0px;
        display: block;
        width: 50px;
        padding-left: 35px;
    }

    .maurice-marechal .storymapMaurice .vco-slide.vco-full-image-background h2 {
        text-shadow: none !important;
    }
    /*! Cécile D. - timeline Grande Guerre */
    /*! parcours 1 actif */

    .timelineMaurice .maurice-marechal .timelineMaurice {
        margin-right: 180px;
        margin-left: 180px;
    }

    .timelineMaurice .conteneur-puceNav .carreJaune {
        background-color: #ffd076;
        width: 15px;
        height: 15px;
        margin: 0 auto;
    }

    .timelineMaurice .conteneur-puceNav span {
        visibility: hidden;
        position: absolute;
        top: 20px;
        left: 50%;
        transform-origin: center;
        transform: translateX(-50%);
        font-size: 14px;
        white-space: nowrap;
        font-size: 12px;
    }

    .timelineMaurice .conteneur-puceNav .carreJaune:hover {
        background-color: #ffbd70;
    }

    .timelineMaurice .conteneur-puceNav .carreJaune:hover~span {
        visibility: visible;
        float: left;
    }

    .timelineMaurice .conteneur-puceNav {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1100px;
        width: 100%;
        margin-right: 0 auto;
        position: relative;
        overflow: visible;
    }

    .timelineMaurice .puceNav-item {
        width: 15px;
        height: 15px;
        text-align: center;
    }

    .timelineMaurice .conteneur-puceNav hr {
        margin: 0 auto;
        background-color: #ffd076;
        border-color: #ffd076;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 6px;
        left: 0%;
        z-index: -1;
    }

    .timelineMaurice .bigbossTimeline {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .timelineMaurice .conteneurTimeline {
        display: flex;
        flex-direction: column;
        width: 230px;
        flex-basis: 230px;
        margin-bottom: 30px;
    }
    /*! parcours 2 non actif */

    .timelineMaurice .conteneur-puceNav .carreGris {
        background-color: #e3e3e3;
        width: 15px;
        height: 15px;
        border-radius: 0px;
        margin: 0 auto;
    }

    .timelineMaurice .conteneur-puceNav .carreGris:hover {
        background-color: #d6d6d6;
    }

    .timelineMaurice .conteneur-puceNav .carreGris:hover~span {
        visibility: visible;
        float: left;
    }
    /*! parcours 1 non actif */

    .timelineMaurice .hrGris hr {
        background-color: #e3e3e3;
        border-color: #e3e3e3;
    }
    /*! puce page active */

    .timelineMaurice #puceActive {
        border: solid 3px white;
        position: relative;
    }

    .timelineMaurice #puceActive:after {
        content: '';
        position: absolute;
        top: -6px;
        left: -6px;
        right: -6px;
        bottom: -6px;
        background: #ffbd70;
        z-index: -1;
    }

    #container_videoproj {
        /* border:1px solid dotted; */
        /* display:none; */
        /* z-index: 0;
    background-color: aqua; */
    }

    .videoproj {
        background: url("images/icon-projecteur.png") no-repeat center rgba(0, 0, 0, 0);
        width: 80px !important;
        height: 40px !important;
        /* margin:23px 0 0 42px; */
        /*display:none;*/
        /* background-color: fuchsia; */
    }

    img.mkvideoproj {
        width: 1px;
        height: 1px;
    }
    /* ***************************************************************************************** */
    /* 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: 40px;
        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: 70px;
        box-shadow: none;
        border: 0;
        opacity: .2;
        margin-left: calc(100% - 150px);
    }

    #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-weight: 600;
        font-family: "SourceSansPro", sans-serif;
        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-video h1 span,
    #notice_longue .notice-v19 h1 span {
        background: none;
        float: none;
        clear: both;
        text-align: left;
        padding-left: 0;
        font-size: 2.5rem!important;
        line-height: 1.1;
        font-family: 'Philharmonique Regular', 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 400;
        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: 'Philharmonique Regular', 'Source Sans Pro', SourceSansPro, sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        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: 600;
        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: 600;
        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;
    }

    #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: "";
        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 .notice-v19 #programme-plage .dl-horizontal:not(.liste_plage) {
        padding-left: 1rem;
    }

    #notice_longue .dl-horizontal ul li,
    #notice_longue .notice-v19 .dl-horizontal dd {
        font-size: .875rem;
        display: inline-block;
        margin: 0;
    }

    #notice_longue .dl-horizontal.motCle ul li {
        margin-right: 1rem;
    }

    #notice_longue .dl-horizontal.motCle ul li.desc-list-item:before {
        content: "#";
        display: inline-block;
        color: #999;
        margin-right: .25rem;
    }
    /* 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 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{
    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 #programme-plage 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,
    #notice_longue .notice-v19 .partOf 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;
        margin-bottom: 1rem;
    }

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

    #notice_longue.notice-audio-partie .notice-v19 .dl-horizontal.partOf .maj {
        float: none;
    }

    #notice_longue.notice-audio-partie .notice-v19 .dl-horizontal.partOf dd {
        display: flex;
    }

    #programme-plage,
    .item-publisher,
    .dl-horizontal {
        border-radius: 16px;
    }

    #notice_longue .notice-v19 #notice--contexte h2 span {
        margin-bottom: 0;
    }
    /* 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, 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;
        flex: 1 100%;
    }

    #notice_longue .notice-v19 #notice--contexte a.btn,
    #notice_longue .notice-v19 .dl-horizontal dd 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 320px;
        display: flex;
        flex-wrap: wrap;
    }

    #notice_longue .notice-programme.notice-v19 #notice--contexte {
        display: block;
    }

    #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 .dl-horizontal .maj,
    #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;
    }
    /*! ressources associées : */

    #notice_longue .notice-v19 #notice--ressourceliee,
    #notice_longue_description #notice--ressourceliee {
        border: 0;
        flex: 1 250px;
        /*    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 */
    /*projection*/
    /*iframe*/

    .concert_rec {
        position: relative;
    }

    #fProjection {
        float: right;
        width: 90px;
        height: 50px;
        position: absolute;
        bottom: -1rem;
        right: -1rem;
    }
    /*! Cécile D. -  Application Projection à la demande */
    /* Home abonnés - Encart vidéo-projection  */

    #portal .encart-mediatheque-home.home-section .containerIntro {
        padding: 0;
        margin: 0;
        max-width: 100%;
    }

    #portal .encart-mediatheque-home.home-section .elementIntro {
        text-align: left;
    }

    #portal .encart-mediatheque-home.home-section #iconeAppProj {
        max-width: 60px;
        padding-right: 15px;
    }
    /* PAGES MUSIQUES DU MONDE  */

    .musiquesMonde .frame-portalcarouselwebframefactory.hero .hero {
        background-color: rgba(0, 0, 0, 0.5);
    }
    /* AMERIQUE NORD  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.ameriqueNord,
    .musiquesMonde .rebondsMusiquesMonde .ameriqueNord {
        background: url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000001800/images/Spirituals-dessin-de-Lillian-Richter%C2%A9NY-Public-Library-digital-collections.jpg) no-repeat center;
        background-size: cover;
    }
    /* CARAIBES  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.caraibes,
    .musiquesMonde .rebondsMusiquesMonde .caraibes {
        background: url(images/bg-caraibes.jpg) no-repeat center;
        background-size: cover;
    }
    /* AMERIQUE LATINE  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.ameriqueLatine,
    .musiquesMonde .rebondsMusiquesMonde .ameriqueLatine {
        background: url(images/bg-amerique-latine.jpg) no-repeat center;
        background-size: cover;
    }
    /* EUROPE OUEST ET NORD  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.europeOuestNord,
    .musiquesMonde .rebondsMusiquesMonde .europeOuestNord {
        background: url(images/bg-europe-ouest-nord.jpg) no-repeat center;
        background-size: cover;
    }
    /* EUROPE EST  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.europeEst,
    .musiquesMonde .rebondsMusiquesMonde .europeEst {
        background: url(images/bg-europe-est.jpg) no-repeat center;
        background-size: cover;
    }
    /* EUROPE MERIDIONALE  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.europeMeridionale,
    .musiquesMonde .rebondsMusiquesMonde .europeMeridionale {
        background: url(images/bg-europe-meridionale.jpg) no-repeat center;
        background-size: cover;
    }
    /* PROCHE ET MOYEN ORIENT  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.procheMoyenOrient,
    .musiquesMonde .rebondsMusiquesMonde .procheMoyenOrient {
        background: url(images/bg-proche-moyen-orient.jpg) no-repeat center;
        background-size: cover;
    }
    /* ASIE INTERIEURE */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.asieInterieure,
    .musiquesMonde .rebondsMusiquesMonde .asieInterieure {
        background: url(images/bg-asie-interieure.jpg) no-repeat center;
        background-size: cover;
    }
    /* ASIE DU SUD EST  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.asieSudEst,
    .musiquesMonde .rebondsMusiquesMonde .asieSudEst {
        background: url(images/bg-asie-sud-est.jpg) no-repeat center;
        background-size: cover;
    }
    /* ASIE SUD */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.asieSud,
    .musiquesMonde .rebondsMusiquesMonde .asieSud {
        background: url(images/bg-asie-sud.jpg) no-repeat center;
        background-size: cover;
    }
    /* ASIE EST  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.asieEst,
    .musiquesMonde .rebondsMusiquesMonde .asieEst {
        background: url(images/bg-asie-est.jpg) no-repeat bottom;
        background-size: cover;
    }
    /* GRAND MAGHREB  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.grandMaghreb,
    .musiquesMonde .rebondsMusiquesMonde .grandMaghreb {
        background: url(images/bg-grand-maghreb.jpg) no-repeat center;
        background-size: cover;
    }
    /* AFRIQUE CENTRALE */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.afriqueCentrale,
    .musiquesMonde .rebondsMusiquesMonde .afriqueCentrale {
        background: url(images/bg-afrique-centrale.jpg) no-repeat center;
        background-size: cover;
    }

    .afriqueCentrale .frame-standard.panel.panel-front.webframe-ermes-carousel.hero.afriqueCentrale {
        background-color: rgba(0, 0, 0, 0.1);
    }
    /* AFRIQUE OUEST  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.afriqueOuest,
    .musiquesMonde .rebondsMusiquesMonde .afriqueOuest {
        background: url(images/bg-afrique-ouest.jpg) no-repeat center;
        background-size: cover;
    }
    /* AFRIQUE EST */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.afriqueEst,
    .musiquesMonde .rebondsMusiquesMonde .afriqueEst {
        background: url(images/bg-afrique-est.jpg) no-repeat center;
        background-size: cover;
    }
    /* AFRIQUE AUSTRALE  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.afriqueAustrale,
    .musiquesMonde .rebondsMusiquesMonde .afriqueAustrale {
        background: url(images/bg-afrique-australe.jpg) no-repeat center;
        background-size: cover;
    }
    /* OCEANIE  */

    .musiquesMonde .frame.frame-portalcarouselwebframefactory.hero.oceanie,
    .musiquesMonde .rebondsMusiquesMonde .oceanie {
        background: url(images/bg-oceanie.jpg) no-repeat center 57%;
    }
    /* JAZZ A LA VILLETTE  */

    .select-thema-modele .rebonds-page-selection .jazz-villette {
        background: url(images/selections-thematiques/bg-thema-jazz2019.jpg) no-repeat center;
        background-size: cover;
    }
    /* JAZZ A LA VILLETTE 2016  */

    .select-thema-modele .rebonds-page-selection .jazz-villette-2016 {
        background: url(images/selections-thematiques/bg-thema-jazzvillette2016.jpg) no-repeat center;
        background-size: cover;
    }
    /* JAZZ A LA VILLETTE 2017-2018  */

    .select-thema-modele .rebonds-page-selection .jazz-villette-2017-2018 {
        background: url(images/selections-thematiques/jazz-a-la-villette-2018.jpg) no-repeat center;
        background-size: cover;
    }
    /* 1969 - ON A MARCHÉ SUR LA LUNE  */

    .select-thema-modele .rebonds-page-selection .marcher-lune {
        background: url(images/selections-thematiques/bg-thema-lune.jpg) no-repeat center;
        background-size: cover;
    }
    /* PIERRE BOULEZ  */

    .select-thema-modele .rebonds-page-selection .pierre-boulez {
        background: url(images/selections-thematiques/bg-thema-pierre-boulez.jpg) no-repeat center;
        background-size: cover;
    }
    /* PIERRE HENRY  */

    .select-thema-modele .rebonds-page-selection .pierre-henry {
        background: url(images/selections-thematiques/bg-thema-pierre-henry.jpg) no-repeat center;
        background-size: cover;
    }
    /* MONTEVERDI  */

    .select-thema-modele .rebonds-page-selection .monteverdi {
        background: url(images/selections-thematiques/bg-thema-monteverdi.jpg) no-repeat center;
        background-size: cover;
    }
    /* CHINE  */

    .select-thema-modele .rebonds-page-selection .chine {
        background: url(images/selections-thematiques/bg-thema-chine-tarik-haiga.jpg) no-repeat center;
        background-size: cover;
    }
    /* JAPON */

    .select-thema-modele .rebonds-page-selection .japon {
        background: url(images/selections-thematiques/bg-japon.jpg) no-repeat center;
        background-size: cover;
    }
    /* MUSIQUE INDIENNE */

    .select-thema-modele .rebonds-page-selection .musique-indienne {
        background: url(images/selections-thematiques/bg-thema-indienne.jpg) no-repeat center;
        background-size: cover;
    }
    /* Centenaire debussy - parcours thematique  */

    .select-thema-modele .rebonds-page-selection .debussy {
        background: url(images/parcours-thematiques/debussy-Claude-marcel-baschet.jpg) no-repeat center;
        background-size: cover;
    }

    .parcours-thematique.debussy {
        height: unset;
    }
    /* HALLOWEEN  */

    .select-thema-modele .rebonds-page-selection .halloween {
        background: url(images/selections-thematiques/bg-halloween.jpg) no-repeat center;
        background-size: cover;
    }
    /* NOEL MUSICAL  */

    .select-thema-modele .rebonds-page-selection .noel {
        background: url(images/selections-thematiques/bg-thema-noel.jpg) no-repeat center;
        background-size: cover;
    }
    /* MUSIQUES D'HIVER */

    .select-thema-modele .rebonds-page-selection .musiques-hiver {
        background: url(images/selections-thematiques/feu-de-cheminee.jpg) no-repeat center;
        background-size: cover;
    }
    /* MUSIQUES ESTIVALES  */

    .select-thema-modele .rebonds-page-selection .musiques-estivales {
        background: url(images/selections-thematiques/bg-thema-estivales.jpg) no-repeat center;
        background-size: cover;
    }
    /* JAMAICA JAMAICA  */

    .select-thema-modele .rebonds-page-selection .jamaica {
        background: url(images/selections-thematiques/bg-thema-jamaica.jpg) no-repeat center;
        background-size: cover;
    }
    /* MUSIQUES DE FETES */

    .select-thema-modele .rebonds-page-selection .musiques-fete {
        background: url(images/selections-thematiques/bal-populaire-ensfelder-eugene.jpg) no-repeat center;
        background-size: cover;
    }
    /* BERLIOZ */

    .select-thema-modele .rebonds-page-selection .berlioz {
        background: url(images/selections-thematiques/bg-berlioz.jpg) no-repeat center;
        background-size: cover;
    }
    /* ELECTRO */

    .select-thema-modele .rebonds-page-selection .electro {
        background: url(images/selections-thematiques/bg-thema-electro.jpg) no-repeat center;
        background-size: cover;
    }
    /* ORGUES */

    .select-thema-modele .rebonds-page-selection .orgues {
        background: url(images/selections-thematiques/bg-thema-orgues.jpg) no-repeat center;
        background-size: cover;
    }
    /* VERSAILLES EN MUSIQUE */

    .select-thema-modele .rebonds-page-selection .versailles {
        background: url(images/selections-thematiques/bg-versailles.jpg) no-repeat center;
        background-size: cover;
    }
    /* STRAVINSKI */

    .select-thema-modele .rebonds-page-selection .stravinski {
        background: url(images/selections-thematiques/bg-thema-stravinsky.jpg) no-repeat center;
        background-size: cover;
    }
    /* LES PREMIERS INSTRUMENTS ELECTRONIQUES  */

    .select-thema-modele .rebonds-page-selection .premiers-instruments-electroniques {
        background: url(images/croix-sonore.jpg) no-repeat center;
        background-size: cover;
    }
    /* LES COMPOSITRICES */

    .select-thema-modele .rebonds-page-selection .les-compositrices {
        background: url(images/selections-thematiques/bg-thema-compositrices.jpg) no-repeat center;
        background-size: cover;
    }
    /* LUSITANIA */

    .select-thema-modele .rebonds-page-selection .lusitania {
        background: url(images/selections-thematiques/bg-lusitania.jpg) no-repeat center;
        background-size: cover;
    }
    /* CHEFFES ET INTERPRETES */

    .select-thema-modele .rebonds-page-selection .cheffes-interpretes {
        background: url(images/selections-thematiques/bg-thema-cheffes.jpg) no-repeat center;
        background-size: cover;
    }
    /* LES REPRISES */

    .select-thema-modele .rebonds-page-selection .reprises {
        background: url(images/selections-thematiques/bg-reprises.jpg) no-repeat center;
        background-size: cover;
    }
    /* JAZZ VILLETTE 2020 */

    .select-thema-modele .rebonds-page-selection .jazz2020 {
        background: url(images/selections-thematiques/bg-thema-jazz2020.jpg) no-repeat center;
        background-size: cover;
    }
    /* beethoven-piano */

    .select-thema-modele .rebonds-page-selection .beethoven-piano {
        background: url(images/selections-thematiques/bg-thema-beethoven-piano.jpg) no-repeat center;
        background-size: cover;
    }
    /* beethoven-immortel */

    .select-thema-modele .rebonds-page-selection .beethoven-immortel {
        background: url(images/selections-thematiques/bg-thema-beethoven-immortel.jpg) no-repeat center;
        background-size: cover;
    }
    /* AUTOUR DU TANGO */

    .select-thema-modele .rebonds-page-selection .tango {
        background: url(images/selections-thematiques/bg-tango.jpg) no-repeat center;
        background-size: cover;
    }
    /* MUSIQUE A L'IMAGE */

    .select-thema-modele .rebonds-page-selection .musiques-image {
        background: url(images/selections-thematiques/bg-thema-musiques-image.jpg) no-repeat center;
        background-size: cover;
    }
    /* STEVE REICH */

    .select-thema-modele .rebonds-page-selection .steve-reich {
        background: url(images/selections-thematiques/bg-steve-reich.jpg) no-repeat center;
        background-size: cover;
    }
    /* JAZZWOMEN */

    .select-thema-modele .rebonds-page-selection .jazzwomen {
        background: url(images/selections-thematiques/bg-jazzwomen.jpg) no-repeat center;
        background-size: cover;
    }
    /* CAMILLE SAINT SAENS */

    .select-thema-modele .rebonds-page-selection .camille-saint-saens {
        background: url(images/selections-thematiques/bg-camille-saint-saens.jpg) no-repeat center;
        background-size: cover;
    }
    /* BIENNALE DES QUATUORS A CORDES */

    .select-thema-modele .rebonds-page-selection .biennale-quatuors-cordes {
        background: url(images/selections-thematiques/biennale-quatuors.jpg) no-repeat center;
        background-size: cover;
    }
    /* GUSTAV MAHLER */

    .select-thema-modele .rebonds-page-selection .gustav-mahler {
        background: url(images/selections-thematiques/gustav-mahler_source-gallica.bnf.fr-BnF.jpg) no-repeat center;
        background-size: cover;
    }
    /* KURT WEILL */

    .select-thema-modele .rebonds-page-selection .kurt-weill {
        background: url(images/selections-thematiques/bg-kurt-weill.jpg) no-repeat center;
        background-size: cover;
    }
    /* Grèce */

    .select-thema-modele .rebonds-page-selection .grece {
        background: url(images/selections-thematiques/bg-grece.jpg) no-repeat center;
        background-size: cover;
    }
    /* MUSIQUES A L'IMAGE */

    .select-thema-modele .rebonds-page-selection .musiques-image {
        background: url(images/selections-thematiques/bg-thema-musiques-image.jpg) no-repeat center;
        background-size: cover;
    }
    /* ONDES MARTENOT  */

    .select-thema-modele .rebonds-page-selection .ondes-martenot {
        background: url(images/ondes-martenot.jpg) no-repeat center;
        background-size: cover;
    }
    /* THEREMIN  */

    .select-thema-modele .rebonds-page-selection .theremin {
        background: url(images/theremin.jpg) no-repeat center;
        background-size: cover;
    }
    /* KARLHEINZ STOCKHAUSEN  */

    .select-thema-modele .rebonds-page-selection .karlheinz-stockhausen {
        background: url(images/selections-thematiques/bg-karlheinz-stockhausen.jpg) no-repeat center;
        background-size: cover;
    }
    /* ANIMAUX MUSICIENS  */

    .select-thema-modele .rebonds-page-selection .animaux-musiciens {
        background: url(images/selections-thematiques/bg-animaux-musiciens.jpg) no-repeat center;
        background-size: cover;
    }
    /* SCHUBERT  */

    .select-thema-modele .rebonds-page-selection .schubert {
        background: url(images/selections-thematiques/bg-schubert.jpg) no-repeat center;
        background-size: cover;
    }
    /* Accordeon  */

    .select-thema-modele .rebonds-page-selection .accordeon {
        background: url(images/selections-thematiques/bg-accordeon.jpg) no-repeat center;
        background-size: cover;
    }
    /* rebonds sidebar  */

    .musiquesMonde .rebondsMusiquesMonde {
        padding-bottom: 28px;
    }

    .musiquesMonde .rebondsMusiquesMonde h3 {
        display: block;
        padding-top: 3.125rem;
    }

    .musiquesMonde .rebondsMusiquesMonde a {
        color: white !important;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: center;
        line-height: 70px;
        width: 100%;
        height: 100%;
        display: block;
    }

    .musiquesMonde .rebondsMusiquesMonde .rebond:hover {
        border: 3px #FFD16F solid !important;
    }

    .musiquesMonde .rebondsMusiquesMonde .rebond {
        border: 3px #f5f5f5 solid !important;
        width: 242px;
        height: 70px;
        display: block;
    }
    /* rebonds sidebar pages selection  */

    .select-thema-modele .rebonds-page-selection {
        padding-bottom: 28px;
    }

    .select-thema-modele .rebonds-page-selection h3 {
        display: block;
        padding-top: 3.125rem;
    }

    .select-thema-modele .rebonds-page-selection a {
        color: white !important;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: center !important;
        line-height: 70px;
        width: 100%;
        height: 100%;
        display: block;
    }

    .select-thema-modele .rebonds-page-selection .rebond:hover {
        border: 3px #FFD16F solid !important;
    }

    .select-thema-modele .rebonds-page-selection .rebond {
        border: 3px #f5f5f5 solid !important;
        /* width: 242px; */
        height: 70px;
        display: block;
        border-radius: 16px;
        overflow: hidden;
    }
    /* REBONDS EXTERNES */

    .suggestion,
    .suggestion li {
        position: relative;
    }

    .suggestion.rebond-ext li:after {
        content: url(images/icon-extlink-14px.png);
        display: block;
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        /* pour éviter le doublon provisoirement : */
        display: none;
    }

    .btn.lien-externe::before {
        content: url(/ui/skins/MEDIA/images/icon-extlink-14px.png);
        display: inline-block;
        margin-right: 1rem;
    }
    /* fin : REBONDS EXTERNES */
    /* Encart sélection pages découverte  */

    .frame-standard.panel.panel-front.webframe-ermes-carousel.selectionPagesDecouverte {
        padding-bottom: 50px !important;
        max-width: 1090px;
        margin: 0 auto !important;
    }

    .frame-standard.panel.panel-front.webframe-ermes-carousel.selectionPagesDecouverte.musiqueGrandMaghreb {
        padding-top: 50px;
    }
    /* CHRISTOPHE START REMOVE OLD MOSAIQUE MANUAL */

    .selectionPagesDecouverte h3 {
        margin: 0;
    }

    .selectionPagesDecouverte h3::before {
        content: '';
        display: block;
        width: 30px;
        height: 1px;
        background-color: #000;
        margin: 10px 0;
    }

    .selectionPagesDecouverte .container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .selectionPagesDecouverte .element {
        width: 30%;
        flex-grow: 1;
        margin: 1em 2.4%;
        border-radius: 16px;
        height: 400px;
        overflow: hidden;
        position: relative;
        box-shadow: 0 4px 9px 0 rgb(0 0 0 / 25%);
    }

    .selectionPagesDecouverte .element:hover {
        outline: 3px solid #ffd076;
    }

    .selectionPagesDecouverte .element:nth-child(3n+1) {
        margin-left: 0;
    }

    .selectionPagesDecouverte .element:nth-child(3n+3) {
        margin-right: 0;
    }

    .selectionPagesDecouverte .element img {
        position: absolute;
        z-index: 0;
        min-width: 100%;
        object-fit: cover;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 190px;
    }

    .selectionPagesDecouverte .element a {
        padding: 200px 1em 1em;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-color: transparent;
        height: 100%;
    }

    body.thema-lusitania .selectionPagesDecouverte .element img {
        object-position: top;
    }
    /* .selectionPagesDecouverte h3 {
    color: #000;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.2rem;
    font-weight: 100;
    margin-bottom: 0;
    margin-top: 0;
}



.selectionPagesDecouverte .element.deuxColonnes {
    width: 47.2%;
    margin: 5px;
    height: 250px;
}

@media only screen and (max-width: 550px) {
    .selectionPagesDecouverte .element.deuxColonnes,
    .selectionPagesDecouverte .element {
        width: 100% !important;
    }
}

.selectionPagesDecouverte .element.deuxColonnes.single {
    height: 305px;
}

.selectionPagesDecouverte .element.uneColonne {
    height: 305px;
    flex-grow: 1;
}

.selectionPagesDecouverte .element img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

body.thema-lusitania .selectionPagesDecouverte .element img {
    object-position: top;
}

.selectionPagesDecouverte .element img.positionTop {
    object-position: top;
}

.selectionPagesDecouverte a {
    background-color: rgba(255, 255, 255, 0.82);
    color: white !important;
    position: absolute;
    height: 53px;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 1s;
    padding: 0 7px;
}

.selectionPagesDecouverte .element a p.detail {
    color: rgba(255, 255, 255, 0) !important;
    font-size: 12px !important;
    line-height: 17px !important;
    z-index: -1 !important;
    transition: all 1s !important;
}

.selectionPagesDecouverte .element a:hover p.detail {
    color: #000 !important;
    transition: all 1s !important;
}

.selectionPagesDecouverte .element a .categorie {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}

.selectionPagesDecouverte .element:hover a {
    height: 100%;
}

.genre-chansonVariet .selectionPagesDecouverte .element {
    height: 500px;
}

.genre-jazzBlues .selectionPagesDecouverte .element {
    width: 32% !important;
    height: 250px !important;
}

.genre-jazzBlues .selectionPagesDecouverte a {
    height: 40px;
    padding: 9px 7px;
}

.genre-jazzBlues .selectionPagesDecouverte a.see_all_results {
    height: auto;
    margin-left: 15px !important;
}
 */
    /* CHRISTOPHE END REMOVE OLD MOSAIQUE MANUAL */
    /* Envie d'en découvrir plus  */

    .select-thema-section.cta.musiquesMonde {
        background-image: url(images/bg-bdp-musiques-du-monde.jpg);
        background-position: center;
        background-size: 100%;
        background-attachment: fixed;
    }
    /* 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;
    }

    #portal .frame.frame-portalcarouselwebframefactory.pagesDecouverteMosaique {
        max-width: 960px !important;
        margin: 0 auto !important;
        background-color: white !important;
    }
    /* Encart rebonds bas de pages */

    .pagesDecouverte .rebondsPagesDecouverte {
        padding: 0 0 50px 0;
        text-align: center;
    }

    .pagesDecouverte .rebondsPagesDecouverte a {
        margin: 10px auto;
    }
    /* 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;
    }

    .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: 'Source Sans Pro', SourceSansPro, sans-serif;
        text-transform: none;
        letter-spacing: 0;
        font-size: 1.2rem;
        font-weight: 600;
        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;
        }
    }
    /*  *****************************  */
    /*  Modifications filtres Majed    */
    /*  *****************************  */

    .portraits .filtre-choisi {
        display: none;
        border: #ffd076 solid 2px !important;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .portraits .text-filtrer-par {
        display: inline;
    }

    .portraits .label-filtrer-par {
        margin-bottom: 0px;
    }

    .portraits .menu-deroulant-filtres {
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .portraits.pagesDecouverte .nav--filtres {
        padding-top: 14px;
        padding-bottom: 14px;
        margin-bottom: 20px!important;
        margin: 0 10px;
    }

    .portraits div.filres-left {
        display: inline-flex;
    }

    .portraits div.filres-right {
        display: inline-flex;
    }

    .portraits .label-filtrer-par {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
        font-weight: 600;
    }

    .portraits .filtrerPar {
        color: #808080 !important;
    }

    .portraits .filres-right div.dropdown.item-a {
        border: #d9d9d9 solid 1px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 10px;
        background-color: #fff;
    }

    .portraits .filres-right div.dropdown.item-b {
        border: #d9d9d9 solid 0.5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 30px;
        background-color: #fff;
    }

    .portraits .ou {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 10px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    section.nav--filtres {
        width: 97%;
        margin: 0 auto !important;
        margin-top: 20px !important;
        border: 1px solid #dedede;
    }

    .portraits div.menu-deroulant-filtres {
        width: 170px;
    }

    a.suprime-filtre.glyphicon.glyphicon-remove {
        color: #7f7f88;
        top: 3px;
        left: 3px;
    }

    @-moz-document url-prefix() {
        .portraits div.menu-deroulant-filtres {
            left: -1px;
        }
    }

    .portraits .dropdown-menu {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .portraits span.caret {
        opacity: 0.5;
    }

    .portraits span.caret-droit {
        margin-left: 56px;
    }

    .portraits div.largeur-drop-filtres {
        width: 170px;
    }

    @media (max-width: 991.98px) {
        .portraits .ou {
            display: none;
        }
        .portraits div.filres-right {
            margin: 0 auto;
        }
        .portraits .filres-right div.dropdown {
            border: #d9d9d9 solid 0.5px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: #fff;
        }
        .portraits div.dropdown.largeur-drop-filtres {
            margin-right: 5px;
            margin-left: 5px;
            margin-top: 18px;
        }
        .portraits div.filres-left {
            display: inline-flex;
            margin: 0 auto;
        }
    }

    @media (max-width: 767.98px) {
        .portraits ou {
            display: none;
        }
        .portraits section.nav--filtres>div,
        .portraits section.nav--filtres>div p,
        .portraits section.nav--filtres>div a,
        .portraits section.nav--filtres>div li {
            font-size: 12px;
        }
        .portraits div.largeur-drop-filtres {
            width: 136px;
        }
        .portraits span.caret-droit {
            margin-left: 40px;
        }
        .portraits div.menu-deroulant-filtres {
            width: 136px;
        }
        .portraits .dropdown-menu {
            min-width: 120px;
        }
        .portraits.pagesDecouverte .nav--filtres ul.ordreAlpha {
            line-height: 20px;
        }
        .portraits div.dropdown.largeur-drop-filtres {
            margin-left: 2px;
            margin-right: 2px;
        }
        section.nav--filtres a {
            font-size: 0.9rem;
        }
        section.nav--filtres p {
            font-size: 0.9rem;
        }
    }
    /* Fin modifications filtres Majed */

    .portraits.pagesDecouverte .mosaique {
        margin: 0 10px;
    }
    /*  fin : MOZAIQUE  */
    /* PAGES DECOUVERTE - ENTREE PAGES DECOUVERTE */

    .entreePagesDecouverte .frame.frame-portalcarouselwebframefactory.pagesDecouverteEntree.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background: url(images/bg-entree-pages-decouverte.jpg) no-repeat;
        background-size: cover;
    }

    .entreePagesDecouverte .frame-standard.panel.panel-front.webframe-ermes-carousel.pagesDecouverteEntree.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-color: rgba(0, 0, 0, .5);
    }
    /* PAGES DECOUVERTE - PORTRAITS JAZZMEN  */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.portraitsJazzmen.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(images/pages-genres/murray-williams-cdherouville.jpg);
    }

    .pagesDecouverte.portraitsJazzmen .filtrerPar input[type="checkbox"]:checked~ul {
        width: 190px;
    }
    /* PAGES DECOUVERTE - PORTRAITS COMPOSITEURS  */

    .pagesDecouverte.portraits #ariane {
        position: absolute;
    }

    .pagesDecouverte.portraits #ariane span {
        color: #aaa;
    }

    .portraits-compositeurs .hero {
        background-image: url(images/bg-portraits-compositeurs.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.portraitsCompositeurs.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(images/bg-portraits-compositeurs.jpg);
    }
    /* PAGES DECOUVERTE - PORTRAITS FACTEURS  */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.portraitsFacteurs.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background: url(images/bg-portraits-facteurs.jpg);
        background-position: bottom;
    }

    .pagesDecouverte .pagesDecouverteMosaique.portraitsFacteurs .mosaique {
        padding-top: 50px;
    }
    /* PAGES DECOUVERTE - OEUVRES */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.oeuvresClassique.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background: url(images/bg-oeuvres-musique-classique-contemporaine.jpg);
        background-size: cover;
    }

    .pagesDecouverte .frame-standard.panel.panel-front.webframe-ermes-carousel.pagesDecouverteListeOeuvres {
        max-width: 960px;
        margin: 0 auto;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques {
        columns: 3;
        margin-bottom: 100px;
        margin: 50px 15px 100px 15px;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques .mosaique {
        margin: 0;
        min-height: 50px;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques ul {
        padding: 0 !important;
        display: block;
        margin: 0;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques li {
        position: static;
        display: block;
        margin: 0;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques h3 {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        text-transform: none;
        letter-spacing: 0;
        font-size: 1.2rem;
        font-weight: 100;
        margin: 0;
        color: black;
        position: static;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques a {
        padding: 0;
        font-size: 14px;
        display: block;
        background-color: rgba(0, 0, 0, 0);
        position: static;
        height: 100%;
        transition: none;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques a.last {
        margin-bottom: 2.45rem;
    }

    .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques li:hover a {
        background-color: rgba(0, 0, 0, 0);
        position: static;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        height: 100%;
        transition: none;
    }

    @media only screen and (max-width: 990px) {
        .pagesDecouverte .pagesDecouverteListeOeuvres .listeOeuvresClassiques {
            columns: 1;
        }
    }
    /* PAGES DECOUVERTE - OEUVRES JAZZ */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.standardsJazz.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(images/bg-standards-jazz.jpg);
    }
    /* PAGES DECOUVERTE - HISTOIRES INSTRUMENTS */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.histoiresInstruments.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(images/bg-histoires-instruments.jpg);
        background-position: bottom;
    }

    .pagesDecouverte.histoiresDInstruments .filtrerPar label::after {
        left: 233px;
    }

    .pagesDecouverte.histoiresDInstruments .filtrerPar input[type="checkbox"]:checked~ul {
        width: 236px;
    }
    /* PAGES DECOUVERTE - INCONTOURNABLES MUSEE */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.incontournablesMusee.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(https://drop.philharmoniedeparis.fr/CMFM/CMFM000006900/1004908_CMIM000032092_LD.jpg);
    }

    .pagesDecouverte.incontournablesMuseeMusique .filtrerPar label::after {
        left: 233px;
    }

    .pagesDecouverte.incontournablesMuseeMusique .filtrerPar input[type="checkbox"]:checked~ul {
        width: 236px;
    }
    /* PAGES DECOUVERTE - EXPOSITIONS */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.expositionsMusee.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(images/bg-pages-decouverte-expositions.jpg);
    }

    .pagesDecouverte .expositions .mosaique li {
        flex: none;
        width: 30%;
    }

    .pagesDecouverte .expositions .mosaique img {
        height: 440px;
    }

    .pagesDecouverte .expositions img.externalLinkWhite {
        height: auto;
        width: auto;
    }

    .pagesDecouverte .expositions .mosaique p.detail {
        padding-top: 60px;
    }

    .pagesDecouverte .expositions .mosaique h4 {
        padding-top: 25px;
    }
    /* Changer le curseur pour l'exposition Chagall => sans lien  */

    .pagesDecouverte .mosaique a[title="Marc Chagall, le triomphe de la musique - Affiche de l’exposition © Philharmonie de Paris"]:hover {
        cursor: not-allowed;
    }
    /* PAGES DECOUVERTE - ZOOM SUR */

    .pagesDecouverte .frame.frame-portalcarouselwebframefactory.zoomSur.hero.hero-page-genre.page-genre-section.pleineLargeur {
        background-image: url(images/bg-zoom-sur.jpg);
        background-position: top;
    }

    .pagesDecouverte.zoomsur .filtrerPar input[type="checkbox"]:checked~ul {
        width: 235px;
    }

    .pagesDecouverte.zoomsur .filtrerPar ul {
        left: 5px;
    }

    .metascore-embed.survol {
        position: relative;
        border: 5px solid #ffd076;
    }
    /* PAGE D'ENTREE PAGES DECOUVERTE  */

    .entreePagesDecouverte .sectionPagesDecouverte .container,
    .entreePagesDecouverte .select-thema-section.select-thema-section-intro {
        margin-bottom: 50px !important;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .container {
        display: flex;
        justify-content: center;
        max-width: 960px;
        width: 100%;
        height: 300px;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .element {
        position: relative;
        margin: 5px;
        overflow: hidden;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .element img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .entreePagesDecouverte .sectionPagesDecouverte a {
        background-color: rgba(255, 255, 255, 0.82);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 10px 7px;
        height: 40px;
        transition: all 1s;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .element p.detail {
        color: rgba(255, 255, 255, 0) !important;
        padding-top: 35px;
        transition: all 1s;
        line-height: 20px;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .element:hover p.detail {
        color: #000 !important;
        transition: all 1s;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .element .categorie {
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'SourceSansPro Light', 'Source Sans Pro';
        font-weight: 100;
        padding-top: 35px;
    }

    .entreePagesDecouverte .sectionPagesDecouverte h3 {
        position: absolute;
        color: #000;
        top: 7px;
        transition: all 1s;
        margin-top: 0;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        text-transform: none;
        letter-spacing: 0;
        font-size: 1.2rem;
        font-weight: 700;
        text-align: left;
        line-height: 27px;
    }

    .entreePagesDecouverte .sectionPagesDecouverte .element:hover a {
        height: 100%;
    }

    .entreePagesDecouverte .compositeursPagesDecouverte {
        width: 390px;
    }

    .entreePagesDecouverte .jazzmenPagesDecouverte {
        width: 325px;
    }

    .entreePagesDecouverte .facteursPagesDecouverte {
        width: 205px;
    }

    .entreePagesDecouverte .oeuvresClassique {
        width: 60%;
    }

    .entreePagesDecouverte .oeuvresJazz {
        width: 40%;
    }

    .entreePagesDecouverte .histoiresInstruments {
        width: 40%;
    }

    .entreePagesDecouverte .incontournablesMusee {
        width: 60%;
    }
    /* BOUTON TOUT VOIR */

    .selectionPagesDecouverte a.see_all_results {
        margin-top: 2rem !important;
        margin-left: .8rem !important;
        padding: 1rem 2rem 1rem 4rem !important;
        position: relative !important;
        width: fit-content;
        -o-width: fit-content;
        -ms-width: fit-content;
        -moz-width: fit-content;
        -webkit-width: fit-content;
        width: fit-content;
        margin-left: 31px !important;
    }

    .selectionPagesDecouverte a.see_all_results::before {
        content: url(/ui/skins/MEDIA/images/submit-search.png);
        display: inline-block !important;
        position: absolute !important;
        margin-right: .825rem !important;
        left: 1.75rem !important;
    }
    /* PAGE ORCHESTRE DE PARIS */

    .frame.frame-portalcarouselwebframefactory.hero.hero-page-genre.page-genre-section.pleineLargeur.orchestreParis {
        background: url(images/bg-orchestre-paris.jpg) no-repeat center;
        background-size: cover;
    }

    .frame-standard.panel.panel-front.webframe-ermes-carousel.hero.hero-page-genre.page-genre-section.pleineLargeur.orchestreParis {
        background-color: rgba(0, 0, 0, .5) !important;
    }
    /* BOUTON PICTO LIEN EXTERNE */

    .orchestreDeParis a.externalLink {
        margin-top: 2rem;
        margin-left: .8rem;
        padding: 1rem 2rem 1rem 4rem;
        position: relative;
        background-color: #b3d6fd !important;
    }

    .orchestreDeParis a.externalLink:hover {
        opacity: 0.70;
        transition: all 0.5s;
    }

    .orchestreDeParis a.externalLink::before {
        content: url(/ui/skins/MEDIA/images/icon-extlink-14px.png);
        display: inline-block;
        position: absolute;
        margin-left: .825rem;
        left: 1.25rem;
    }

    .orchestreDeParis a.externalLink {
        margin-top: .5rem;
        margin-left: 0;
    }
    /* SOMMAIRE */

    body.select-thema-modele .select-thema-section .select-thema-section.menuHorizontal {
        padding-top: 1rem;
    }

    .menuHorizontal ul {
        display: flex !important;
        justify-content: center;
        max-width: 960px;
        margin: 0 auto;
    }

    .menuHorizontal ul li {
        text-align: center;
        background-color: white;
        padding: 0 30px !important;
        list-style-type: none;
        list-style-image: none !important;
    }

    .menuHorizontal ul li a {
        color: #000 !important;
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro-Semibold, sans-serif;
        font-size: 12px !important;
        text-transform: uppercase;
    }

    .menuHorizontal ul li a:hover {
        border-bottom: 3px black solid !important;
    }

    .menuHorizontal.select-thema-section .menuHorizontal.select-thema-section {
        padding: 1rem 0 3.125rem 0;
    }

    @media (max-width: 960px) {
        .frame.menuHorizontal .frame-standard.menuHorizontal {
            padding: 0!important;
            padding-top: 0!important;
            box-shadow: 0 4px 9px rgba(0, 0, 0, .1);
        }
        .menuHorizontal ul {
            flex-direction: column;
        }
        .menuHorizontal ul li {
            padding-bottom: 15px !important;
        }
    }
    /* PAGE ORCHESTRES */

    .frame.frame-portalcarouselwebframefactory.hero.hero-page-genre.page-genre-section.pleineLargeur.orchestres {
        background: url(images/bg-orchestres.jpg) no-repeat;
        background-size: cover;
    }

    .frame-standard.panel.panel-front.webframe-ermes-carousel.hero.hero-page-genre.page-genre-section.pleineLargeur.orchestres {
        background-color: rgba(0, 0, 0, .5) !important;
    }

    .frame.frame-portalcarouselwebframefactory.select-thema-section.select-thema-section-intro.center.artsFlorissants {
        background-image: url(images/bg-arts-florissants.jpg);
        background-size: cover;
        background-position: center;
    }

    .frame.frame-portalcarouselwebframefactory.select-thema-section.select-thema-section-intro.center.ensembleIntercontemporain {
        background-image: url(images/bg-ensemble-intercontemporain.jpg);
        background-size: cover;
        background-position: center;
    }

    .frame.frame-portalcarouselwebframefactory.select-thema-section.select-thema-section-intro.center.orchestreChambreParis {
        background-image: url(images/bg-orchestre-chambre-paris.jpg);
        background-size: cover;
        background-position: center;
    }

    .frame.frame-portalcarouselwebframefactory.select-thema-section.select-thema-section-intro.center.orchestreNationalIDF {
        background-image: url(images/bg-orchestre-national-idf.jpg);
        background-size: cover;
        background-position: center;
    }

    .orchestresEnsembles.select-thema-modele .select-thema-section-intro {
        background-color: rgba(0, 0, 0, 0) !important;
    }

    .orchestresEnsembles p.col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2.paragrapheIntertitre {
        margin-bottom: 2px !important;
    }

    .orchestresEnsembles .intertitre .paragrapheIntertitre {
        color: white !important;
    }

    .orchestresEnsembles .intertitre h3 {
        color: white !important;
    }

    .orchestresEnsembles h3 {
        font-size: 20px;
    }

    .orchestresEnsembles .autresOrchestres {
        padding: 0 !important;
    }

    .orchestresEnsembles .yoyo-container .yoyo-trigger.in::before {
        display: none;
    }

    .orchestresEnsembles .yoyo-container .yoyo-trigger {
        cursor: default !important;
    }
    /* PAGES D'AIDE */

    .aides .faq-section .faq-section {
        padding-bottom: 0 !important;
    }

    .aides .frame-standard.panel.panel-front.webframe-ermes-carousel.center.faq-section.last {
        padding-bottom: 5.625rem !important;
    }
    /* PAGE D'AIDE GENERALE */

    .aides .frame.frame-portalcarouselwebframefactory.hero.pleineLargeur.aideGenerale {
        background: url(images/bg-faq.jpg) no-repeat center;
        background-size: cover;
    }

    .aides .frame-portalcarouselwebframefactory.hero .hero {
        background-color: rgba(0, 0, 0, .5) !important;
    }
    /* PAGE D'AIDE PRO */

    .aides .frame.frame-portalcarouselwebframefactory.hero.pleineLargeur.aidePro {
        background: url(images/bg-config.jpg) no-repeat center;
        background-size: cover;
    }
    /* PAGES GENRE INTRO */

    .pageGenreIntro {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }

    .frame.frame-portalcarouselwebframefactory.pageGenreIntro {
        padding: 0 !important
    }
    /* PAGE GENRE - MUSIQUES DU MONDE */

    .genre-monde #frame-34104 .frame.frame-portalcarouselwebframefactory.listeMusiquesMonde {
        max-width: 960px;
        margin: 0 auto !important;
        padding: 50px 0;
    }

    .genre-monde .listeRegions {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .genre-monde .listeRegions ul {
        padding: 30px;
    }

    @media screen and (max-width: 620px) {
        .genre-monde .listeRegions {
            flex-direction: column;
            justify-content: left;
        }
        .genre-monde .listeRegions ul {
            padding: 0 35px;
        }
    }
    /* FAQ */

    .faq .faq-section-questionList ul.accordeon li p i {
        position: static;
        right: 0;
        top: 0;
        color: #5a6b7d;
    }

    .faq .faq-section-questionList ul.accordeon li p i::after {
        content: none;
    }

    .faq .faq-section-questionList ul.accordeon li p span,
    .faq .faq-section-questionList ul.accordeon li ul li span {
        color: #5a6b7d;
    }

    .faq .faq-section-questionList ul.accordeon p.h5 {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 15px;
    }

    .faq .faq-section-questionList ul.accordeon a,
    .faq .faq-section-questionList ul.accordeon a span {
        color: #1675e1 !important;
    }
    /* A PROPOS */

    .frame.frame-portalcarouselwebframefactory.hero.pleineLargeur.heroAPropos {
        background-image: url(images/bg-a-propos.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .frame-standard.panel.panel-front.webframe-ermes-carousel.hero.pleineLargeur.heroAPropos {
        background-color: rgba(0, 0, 0, .5);
    }

    .aPropos .sectionAPropos {
        padding-bottom: 50px !important;
    }

    .aPropos .intro {
        padding-top: 20px;
    }

    @media (max-width:960px) {
        .aPropos .sectionAPropos {
            padding-bottom: 15px !important;
        }
    }
    /* Texte + image */

    .aPropos .archivesPhilharmonie .container {
        display: flex;
        justify-content: space-between;
        max-width: 960px;
        margin: 0 auto;
    }

    .aPropos .archivesPhilharmonie .element {
        width: 48%;
    }

    .aPropos .archivesPhilharmonie .element img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .aPropos .archivesPhilharmonie.catalogue .element img {
        height: 100%;
    }

    .aPropos .archivesPhilharmonie.catalogue .element a.btn {
        margin-bottom: 20px;
    }

    @media (max-width:960px) {
        .aPropos .archivesPhilharmonie .container {
            flex-direction: column-reverse;
            align-items: center;
        }
        .aPropos .archivesPhilharmonie .element {
            width: 90%;
        }
        .aPropos .archivesPhilharmonie.catalogue .container {
            flex-direction: column;
        }
    }
    /* Mosaïque ressources */

    .aPropos .mosaiqueRessources .container {
        display: flex;
        justify-content: space-between;
        text-align: center;
        padding: 0 0 12px 0;
        max-width: 960px;
        margin: 0 auto;
    }

    .aPropos .mosaiqueRessources .element {
        background-color: #f5f5f5;
        padding: 30px 50px;
        min-height: 372px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .aPropos .mosaiqueRessources .element img {
        height: 50px;
    }

    .aPropos .mosaiqueRessources .element img.lirePlus {
        width: 30px;
        height: 30px;
    }

    .aPropos .mosaiqueRessources p.detail {
        color: black !important;
        font-size: 1rem !important;
        display: none;
    }

    .aPropos .mosaiqueRessources .element:hover img,
    .aPropos .mosaiqueRessources .element:hover p,
    .aPropos .mosaiqueRessources .element:focus-within img,
    .aPropos .mosaiqueRessources .element:focus-within p {
        display: none;
    }

    .aPropos .mosaiqueRessources .element:hover p.detail,
    .aPropos .mosaiqueRessources .element:focus-within p.detail {
        display: inline;
    }

    .aPropos .mosaiqueRessources .element:hover,
    .aPropos .mosaiqueRessources .element:focus-within {
        background-color: rgba(255, 209, 111, 0.4);
    }

    .aPropos .mosaiqueRessources .element h4 {
        text-transform: uppercase;
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: lighter;
    }

    .aPropos .mosaiqueRessources .ligne1 .colonne1 {
        width: 48%;
    }

    .aPropos .mosaiqueRessources .ligne1 .colonne2 {
        width: 48%;
    }

    .aPropos .mosaiqueRessources .ligne2 .colonne1 {
        width: 58%;
    }

    .aPropos .mosaiqueRessources .ligne2 .colonne2 {
        width: 38%;
    }

    .aPropos .mosaiqueRessources .ligne3 .colonne1 {
        width: 38%;
    }

    .aPropos .mosaiqueRessources .ligne3 .colonne2 {
        width: 58%;
    }

    @media (max-width:960px) {
        .aPropos .mosaiqueRessources .container {
            flex-direction: column;
            width: 90%;
        }
        .aPropos .mosaiqueRessources .colonne1 {
            margin-bottom: 12px;
        }
        .aPropos .mosaiqueRessources .ligne1 .colonne1,
        .aPropos .mosaiqueRessources .ligne1 .colonne2,
        .aPropos .mosaiqueRessources .ligne2 .colonne1,
        .aPropos .mosaiqueRessources .ligne2 .colonne2,
        .aPropos .mosaiqueRessources .ligne3 .colonne1,
        .aPropos .mosaiqueRessources .ligne3 .colonne2 {
            width: 100%;
        }
    }
    /* Quizz */

    .aPropos .quizz {
        max-width: 960px;
        margin: 0 auto;
        background: url(images/a-propos-quizz.jpg) center;
        text-align: center;
        color: white !important;
        min-height: 200px;
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 15px;
    }

    .aPropos .quizz img {
        width: 40px;
        margin-right: 20px;
    }

    .aPropos .quizz h5 {
        font-size: 25px;
        font-weight: lighter;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        text-transform: none;
        padding-bottom: 20px;
        color: white;
    }

    .aPropos .quizz p {
        color: white;
    }

    .aPropos .quizz p.reponse,
    .aPropos .quizz a.btn {
        display: none;
        max-width: 750px;
    }

    .aPropos .quizz:hover h5,
    .aPropos .quizz:hover p {
        display: none;
    }

    .aPropos .quizz:hover p.reponse,
    .aPropos .quizz:hover a.btn,
    .aPropos .quizz:focus-within p.reponse {
        display: inline;
    }
    /* Un peu d'histoire */

    .aPropos .carouselHistoire {
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
        min-height: 632px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 8%;
    }

    .aPropos .carouselHistoire h3,
    .aPropos .carouselHistoire p {
        color: white;
        margin-top: 0;
    }

    .aPropos .carouselHistoire a {
        color: #1675e1;
    }

    .aPropos .carouselHistoire.origine {
        background-image: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/a-propos-origines.jpg);
        background-position: center;
    }

    .aPropos .carouselHistoire.naissance {
        background-image: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/a-propos-naissance.jpg);
        background-position: center;
    }

    .aPropos .carouselHistoire.service {
        background-image: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/a-propos-service.jpg);
        background-position: center;
    }

    .aPropos .carouselHistoire.identite {
        background-image: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/a-propos-identite.jpg);
        background-position: center;
    }

    .aPropos .carouselHistoire.today {
        background-image: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/a-propos-aujourdhui.jpg);
        background-position: center;
    }

    @media (max-width:960px) {
        .aPropos .carouselHistoire {
            min-height: 620px;
        }
    }
    /* Offre globale */

    .aPropos .containerOffreGlobale {
        max-width: 960px;
        margin: 0 auto;
        background-color: #F0F7FF;
        padding: 20px 50px;
    }

    .aPropos .containerOffreGlobale .container {
        border-bottom: 1px solid black !important;
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .aPropos .containerOffreGlobale h3 {
        padding: 0 0 5px 0;
        margin: 0;
        text-transform: none;
        font-size: 20px;
        letter-spacing: 0;
    }

    .aPropos .containerOffreGlobale p {
        max-width: 700px;
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

    .aPropos .containerOffreGlobale img {
        height: 100%;
    }

    @media (max-width:960px) {
        .aPropos .containerOffreGlobale {
            padding: 20px 20px;
        }
    }
    /* COMMENT CA MARCHE */

    .frame.frame-portalcarouselwebframefactory.hero.pleineLargeur.heroCmtCaMarche {
        background-image: url(images/mogwai.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .frame.frame-portalcarouselwebframefactory.hero.pleineLargeur.espaceProfessionnel {
        background-image: url(images/bg-espace-pro.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .frame-standard.panel.panel-front.webframe-ermes-carousel.hero.pleineLargeur.heroCmtCaMarche {
        background-color: rgba(0, 0, 0, .5);
    }

    .cmtCaMarche .sectionCmtCaMarche {
        padding-bottom: 25px !important;
    }

    .cmtCaMarche .intro {
        /* padding-top: 3px;
            background-color: #f5f5f5;
            padding-bottom: 19px; */
    }

    .cmtCaMarche .sectionCmtCaMarche .container {
        max-width: 960px;
        margin: 0 auto;
    }

    .cmtCaMarche .sectionCmtCaMarche .container.texte {
        max-width: 500px;
        text-align: center;
    }
    /* Etapes inscription */

    .cmtCaMarche .container.etapesInscription {
        display: flex;
        justify-content: center;
        max-width: 100%;
        background-color: #fff!important;
        min-height: 300px;
        padding: 25px 0;
        align-items: center;
    }

    .cmtCaMarche .container.etapesInscription .element {
        padding: 50px;
        max-width: 300px;
        text-align: center;
    }

    .cmtCaMarche .container.etapesInscription .element.etape1 {
        background: url(images/appProj-bg-step1.svg) no-repeat center;
    }

    .cmtCaMarche .container.etapesInscription .element.etape2 {
        background: url(images/appProj-bg-step2.svg) no-repeat center;
    }

    .cmtCaMarche .container.etapesInscription .element.etape3 {
        background: url(images/appProj-bg-step3.svg) no-repeat center;
    }

    @media (max-width:960px) {
        .cmtCaMarche .container.etapesInscription {
            flex-direction: column;
            align-items: center;
            padding: 15px 0;
        }
        .cmtCaMarche .container.etapesInscription .element {
            margin: 15px;
        }
    }
    /* PHILA */

    @media (max-width: 960px) {
        .cmtCaMarche .container.conseil-bloc.containerIntro {
            max-width: 100% !important;
            padding: 20px !important;
        }
    }
    /* CTA */

    .cmtCaMarche .frame.frame-portalcarouselwebframefactory.sectionCmtCaMarche.cta {
        background-image: url(images/mogwai.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        padding: 0 !important;
    }

    .cmtCaMarche .frame-standard.panel.panel-front.webframe-ermes-carousel.sectionCmtCaMarche.cta {
        background-image: none;
        background-color: rgba(0, 0, 0, .3);
        padding: 50px 0;
    }

    .cmtCaMarche .cta p {
        text-align: center;
    }

    .cmtCaMarche .cta a.btnPro {
        color: white !important;
        background-color: #267074!important;
        position: relative;
    }

    .cmtCaMarche .cta a.btnPro img {
        margin-right: 9px;
        width: 25px;
    }

    .cmtCaMarche .cta a.btnPro:hover {
        opacity: 1;
        transition: all .25s ease-in-out .1s;
        background: #267074 !important;
    }
    /* PHILA */

    .cmtCaMarche .containerOffreGlobale {
        max-width: 960px;
        margin: 0 auto;
        background-color: #F0F7FF;
        padding: 20px 50px !important;
        margin-top: 50px;
    }

    .cmtCaMarche .containerOffreGlobale .container {
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cmtCaMarche .containerOffreGlobale .container h3 {
        padding: 0 0 5px 0;
        margin: 0;
    }

    .cmtCaMarche .containerOffreGlobale .container p {
        padding: 0;
        margin: 0;
    }
    /* Modification page "Comment ça marche  avril 2020---------------------------- */

    .cmtCaMarche .quelles-ressources h3 {
        font-size: 1.4rem!important;
    }

    .cmtCaMarche ul.table-first-element li.offers-item.col-md-6 {
        border-top: 1px solid #ddd;
    }
    /* Modification page "Comment ça marche  avril 2020---------------------------- */
    /* CONCERTS FAMILLES ET PARTICIPATIFS */

    .dossier-oe-modele #frame-18815 p.evene {
        margin-top: 20px;
    }

    .dossier-oe-modele #frame-18815 h3.media-heading {
        height: 74px;
    }

    .dossier-oe-modele .modele-4-col img.media-object.img-noresponsive {
        padding: 15px;
    }

    .genre-jeunesFamilles .concertsFamilles.container {
        display: flex;
        align-items: center;
        max-width: 800px;
    }

    .genre-jeunesFamilles .concertsFamilles .element {
        padding: 15px;
    }

    .genre-jeunesFamilles .concertsFamilles .element img {
        max-height: 200px;
    }

    .modal {
        top: 110px;
    }

    div#page>div.container {
        min-height: auto;
    }
    /* Modifications footer / marges... */

    ul.marge-ul-footer {
        padding-left: 0px;
    }

    .coll ul li.marge-li-footer {
        padding-left: 0px;
    }

    .coll ul li.marge-li-footer a:hover {
        color: #fff;
    }
    /* Modifications 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 */
    /* Guillemets page Marechal */

    div.bisection--texte blockquote::before {
        font-size: 70px;
        font-family: 'Times New Roman', Times, serif;
        content: "\201c";
        color: #ffd076;
    }

    div.bisection--texte blockquote::after {
        content: none;
        font-size: 70px;
    }
    /*Fin  Guillemets page Marechal */
    /* Encart pages découverte et sélection - Home page */

    .container-decouverte-selection {
        width: 100%;
        max-width: 1100px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        padding: 4px;
    }

    .container-decouverte-selection a {
        width: 50%;
        margin: 8px;
    }

    .container-decouverte-selection a:hover {
        box-shadow: 0 4px 9px 0 #ccc;
        border-radius: 16px;
    }

    .article-decouverte-selection {
        display: flex;
        flex-direction: row;
        height: 168px;
        border: solid 1px #ccc;
        border-radius: 16px;
        overflow: hidden;
    }

    .article-decouverte-selection p {
        font-size: .825rem;
    }

    .article-decouverte-selection h3 {
        font-size: .875rem;
        font-weight: 700;
    }

    .image-decouverte-selection {
        object-fit: cover;
        height: 100% !important;
    }

    .container-image-decouverte-selection {
        width: 30%;
    }

    .titre-decouverte-selection {
        margin-top: 20px;
        margin-bottom: 4px;
    }

    .texte-decouverte-selection {
        padding-left: 25px;
        padding-right: 25px;
        width: 70%;
    }

    .header-decouverte-selection {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .separation {
        width: 97%;
        max-width: 1076px;
        margin-bottom: 1.5rem;
        margin-top: 4rem;
        padding: 0px;
    }

    .sous-titre-decouverte-selection {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: bold;
    }

    @media (min-width: 300px) and (max-width: 488px) {
        .description-titre-decouverte-selection {
            display: none;
        }
        .article-decouverte-selection {
            height: 90px;
        }
        .container-decouverte-selection {
            padding: 12px;
        }
    }

    @media (max-width: 575.98px) {
        .container-decouverte-selection {
            flex-direction: column;
        }
        .container-decouverte-selection a {
            width: 100%;
        }
        .container-decouverte-selection {
            padding: 12px;
        }
        .texte-decouverte-selection {
            padding-right: 12px;
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .container-decouverte-selection {
            flex-direction: column;
        }
        .container-decouverte-selection a {
            width: 100%;
        }
        .container-image-decouverte-selection {
            width: 20%;
        }
        .article-decouverte-selection {
            height: 145px;
        }
        .container-decouverte-selection {
            padding: 12px;
        }
        .texte-decouverte-selection {
            padding-right: 4px;
        }
    }

    @media (min-width: 768px) and (max-width: 991.98px) {
        .container-decouverte-selection {
            flex-direction: column;
        }
        .container-decouverte-selection a {
            width: 100%;
        }
        .container-image-decouverte-selection {
            width: 20%;
        }
        .article-decouverte-selection {
            height: 150px;
        }
        .container-decouverte-selection {
            padding: 12px;
        }
    }

    .encart-decouverte-selection {
        padding-top: 0px;
    }
    /* Encart-decouverte-selection / Page d'accueil */

    div#frame-35741 div.frame.frame-portalcarouselwebframefactory.encart-decouverte-selection {
        padding-top: 0px;
        padding-bottom: 4rem;
    }

    div#frame-33128 div.frame-standard.panel.panel-front.webframe-ermes-carousel.menu-genre--digipad.menu-genre.home-section {
        padding-bottom: 0px;
    }
    /* fond pop-up */

    div#fade {
        position: fixed!important;
    }

    #frame-34036 .mosaique h4 {
        padding-top: 1px!important;
    }
    /* espace entre l'encart événement et orchestres - page-selection-arts-florissants */

    div#frame-36078 h2 {
        padding-top: 50px;
    }

    div#frame-36078 div.border-gris div.media-body.border {
        margin-left: 0px;
        margin-right: 0px;
    }
    /* Espace-pro---------------------------------------------------------------------------- */

    .espace-pro-1 {
        margin: 0 auto;
        background-color: #fff;
        box-sizing: border-box;
    }

    .titre-principale-espace-pro h2 {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        margin-top: 4rem !important;
        margin-bottom: 1rem !important;
    }

    .liens-offres-service {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
    }

    .lien-offres-service {
        background-color: #f3f2ee;
        width: 320px;
        margin: 0 auto;
        text-align: center;
        border: solid 2px #ebeae6;
        height: 220px;
        box-sizing: border-box;
        position: relative;
        margin: 15px;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
    }

    div.lien-offres-service:hover {
        border: solid 2px #267074;
        -webkit-box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
        box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
    }

    .lien-offres-service h3 {
        font-size: 1.1rem;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0.225rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        letter-spacing: normal;
    }

    .lien-offres-service p {
        font-size: 1rem !important;
        padding: 18px;
        padding-top: 10px;
    }

    .pictos-page-espace-pro {
        display: inline-block;
        padding-top: 20px;
    }

    .aide-et-support {
        margin-bottom: 5rem;
    }

    .lien-offres-service-en-avant {
        background-color: #267074!important;
        border: solid 2px #267074;
    }

    div.lien-offres-service-en-avant:hover {
        background-color: #368286!important;
    }

    .lien-offres-service-en-avant h3,
    .lien-offres-service-en-avant p,
    .lien-offres-service-en-avant h3 {
        color: #fff!important;
    }

    div#frame-36361 div.frame-standard.panel.panel-front.webframe-ermes-carousel.hero.pleineLargeur.espaceProfessionnel {
        background-color: rgba(0, 0, 0, 0.71);
    }
    /* FIN-Espace-pro---------------------------------------------------------------------------- */

    .ext4.page-pad.select-thema-modele.pleineLargeur.thema-bg-arts-florissants.thema-page-selection.cf-rtm.anonyme div.col-md-8.cms-inner-zone figure {
        text-align: center;
    }

    .ext4.page-PAD.pleineLargeur.cmtCaMarche.cf-rtm.anonyme #frame-36361 .frame-portalcarouselwebframefactory.hero .hero {
        background-color: rgba(0, 0, 0, 0.6);
    }
    /* Page LE CLAVECIN : GLOSSAIRE -------------------------------------- */

    .selected-glossaire {
        /* border: 1px solid #000; */
        border-bottom: 0px;
    }

    div.TermesGlossaire span {
        margin-top: 0.4rem !important;
    }

    .TermesGlossaire h3 {
        line-height: 1!important;
        margin-top: 1rem!important;
    }
    /* FIN - LE CLAVECIN : GLOSSAIRE -------------------------------------- */
    /* Encart Espace-pro / Page d'accueil -------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------ */

    .encart-espace-pro-accueil div {
        padding-right: 28px;
        padding-left: 28px;
    }

    .encart-espace-pro-accueil {
        border: solid 1px #ebeae6;
        width: 97%;
        max-width: 1076px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 4px;
        background-color: #F3F2EE;
        margin-bottom: 5rem;
        border-radius: 16px;
    }

    .encart-espace-pro-accueil h3 {
        font-size: .875rem;
        font-weight: 700;
        font-family: 'Philharmonique SemiBold', sans-serif;
        text-transform: uppercase;
        margin-bottom: 8px;
        margin-top: 16px;
        color: #267074;
    }

    .encart-espace-pro-accueil p {
        font-size: .825rem;
    }

    div.espace-pro-picto-encart-accueil {
        text-align: center;
        position: relative;
        padding-top: 8px;
        padding-bottom: 0px;
    }

    div.espace-pro-picto-encart-accueil p {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
    }

    div.espace-pro-picto-encart-accueil:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 80%;
        top: 11px;
        right: 1px;
        border: 1px solid #d7d7d3;
    }

    .btn-espace-pro {
        font-size: .875rem;
        background-color: #267074;
        border-color: #267074;
        color: #fff !important;
        padding: .5rem 1.25rem;
        /* text-transform: uppercase; */
        font-family: 'SourceSansPro', 'Source Sans Pro', sans-serif;
        /* font-weight: 600; */
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
        display: inline-block;
        width: 126px;
        margin: 0 auto;
        text-align: center;
        border-radius: 25px;
    }

    div.espace-pro-mediatheque-encart-accueil {
        max-width: 700px;
    }

    a.btn-espace-pro:hover {
        box-shadow: 1px 6px 18px -3px rgba(0, 0, 0, 0.6);
    }

    @media (min-width: 300px) and (max-width: 768px) {
        .encart-espace-pro-accueil {
            flex-direction: column;
            text-align: center;
            width: 95%;
        }
        div.espace-pro-mediatheque-encart-accueil p {
            display: none;
        }
        .encart-espace-pro-accueil h3 {
            margin-top: 0px;
            margin-bottom: 14px;
        }
        div.espace-pro-picto-encart-accueil:after {
            display: none;
        }
        .btn-espace-pro {
            margin-bottom: 14px;
        }
    }
    /* FIN  -  Encart Espace-pro / Page d'accueil -------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------ */
    /* DEBUT- Encart promotion Eduthèque dans PAD-------------------
------------------------------------------------------------- */

    .border-bleu-promo-edutheque {
        border: solid 2px #cbcbcb;
        text-align: center;
        margin-bottom: 10px;
        background-color: #fff;
        transition: all 0.3s 0s ease;
        position: relative;
    }

    .border-bleu-promo-edutheque:hover {
        border: solid 2px #0095da;
    }

    div.border-bleu-promo-edutheque img:first-of-type {
        width: 148px !important;
        height: auto;
        margin-bottom: 5px!important;
    }

    div.border-bleu-promo-edutheque img:last-of-type {
        position: absolute;
        width: 14px!important;
        height: 14px!important;
        right: 10px;
        bottom: 10px;
    }

    div.border-bleu-promo-edutheque p {
        margin-bottom: 4px !important;
    }

    div.border-bleu-promo-edutheque a {
        display: inline-block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 2px;
    }
    /* FIN- Encart promotion Eduthèque dans PAD-------------------
----------------------------------------------------------- */
    /* ********************************************* */
    /* ********  MODELE de PAGE SELECTION   ******** */
    /* ********************************************* */

    .page-selection #layout-2 {
        padding-bottom: 2rem;
    }

    @supports (display:flex) {
        .page-selection #layout-2>.row {
            display: flex;
        }
        .page-selection #layout-2 #zone-4 {
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }
    }

    .page-selection .filtres-matiere .btn:before {
        content: "";
        display: inline-block;
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/filtre.png) no-repeat center;
        background-size: auto;
        background-size: contain;
        vertical-align: middle;
        margin-right: 1rem;
    }

    .page-selection #page #portal .panel-heading h2 {
        margin-bottom: .5rem;
    }

    .page-selection #page #portal .panel-heading h3,
    .page-selection #page #portal .panel-heading h4,
    .page-selection #page #portal .frame-ermes-openfindselection .webframe-ermes-commonviewedresources .panel-body {
        padding-left: .75rem;
    }

    .page-selection #page .frame-ermes-openfindselection .rs-staticList li {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .page-selection #page .frame-ermes-openfindselection .rs-staticList .vignette_container img.img-thumbnail {
        margin-right: .5rem;
    }

    .page-selection #page .frame-ermes-openfindselection .rs-staticList .notice_corps>a>* {
        padding: .25rem .5rem;
    }
    /* **************************************** */
    /* ***** SOMMAIRE STICKY (EDUTHEQUE) ****** */
    /* **************************************** */

    .float-frame-menu .text-info.glyphicon.glyphicon-repeat.gly-spin.spinner,
    .float-frame-menu .text-info.glyphicon.glyphicon-repeat.gly-spin.spinner:before {
        font-size: 2rem;
        font-style: normal !important;
    }

    .float-frame-menu .text-info.glyphicon.glyphicon-repeat.gly-spin.spinner {
        top: calc(50% - 1rem);
        left: calc(50% - 1rem);
    }
    /*

.frame-standard.panel.panel-front.scroll-spy-on {
    padding: 1rem 0 0!important;
    margin: 0;
    margin-bottom: 0 !important;
}
 */
    /*  .float-frame-menu .overlay[data-v-831b4f68] {
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    opacity: .3;
}

.affix{
    overflow-y: auto;
    overflow-x: hidden;
    width:320px!important;
    top: 120px !important;
    box-shadow: 0 4px 9px #ccc;
    background: #f3f2ee;
}
.affix[aria-expanded="false"]{
    bottom: unset;
}
#page .main-float-menu .menu-label.in:before{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: .25rem;
}
.float-frame-menu.vue-affix.affix-top,
.float-frame-menu.vue-affix.affix-bottom{
    width:100%!important;
    max-width: 320px;
} */
    /*

#page .main-float-menu .menu-label {
    cursor: pointer;
}
#page .main-float-menu .menu-label.in:before,
#page .main-float-menu .menu-label:before {
    font-family: ermes-font-update;
    content: '\e85a';
    font-size: 2rem;
    display: inline-block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: top;
    top: 0;
    right: 1rem;
    -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;
} */
    /*


#page .main-float-menu .menu-label h2{
    font-size: 1.5rem !important;
    font-family: LinotypeBrewery-Bold;
    text-transform: none !important;
    color: #999999;
    background: transparent !important;
    padding: .25rem .5rem;
    margin-bottom: 0;
}
#page #portal .float-frame-menu{
    padding: .5rem;
    z-index: 9;
    background: #f3f2ee;
}
.float-frame-menu .menu-list a {
    padding: .2em .75em;
    font-size: .825rem;
}
#page #portal .frame-ermes-sommaire .frame-head a{
    padding-top: .25rem;
    padding-bottom: .25rem;
}
#page #portal .frame-ermes-sommaire .head-H1{
    display: none;
}
#page #portal .frame-ermes-sommaire .frame-head.head-H2{
    border-top: 1px solid #FFF;
}
#page #portal .frame-ermes-sommaire .head-H2 > a {
    text-transform: uppercase;
    font-family: SourceSansPro-SemiBold, sans-serif;
    padding: .5rem;
    color: #333;
}

#page #portal .frame-ermes-sommaire .float-frame-menu .head-H3 > a{
    text-transform: none;
    padding-left: 1rem;
    color: #555;
}
#page #portal .frame-ermes-sommaire .float-frame-menu .head-H4 > a{
    padding-left: 1.5rem;
    color: #555;
}
.float-frame-menu .menu-list a:hover,
.float-frame-menu .menu-list a:active,
#page .float-frame-menu .menu-list a.is-active,
.float-frame-menu .menu-list a:focus {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}
#page .float-frame-menu .menu-list a.is-active{
    font-family: SourceSansPro-SemiBold, sans-serif;
}

 */
    /* Comment-ça-marche avril 2020 modification -----------------------------------------------------------------
--------------------------------------------------------------------------------------- */

    .decouvrez-bilbliotheque {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 960px;
        margin: 0 auto;
    }

    .decouvrez-bilbliotheque-pp {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px;
        align-items: center;
        flex-wrap: wrap;
    }

    .decouvrez-bilbliotheque-pp h2,
    .decouvrez-bilbliotheque-pp h3 {
        /* text-transform: none!important; */
        font-weight: 700!important;
    }

    .decouvrez-bilbliotheque-pp-moitier {
        width: 50%;
        margin: 0 auto;
    }

    .decouvrez-bilbliotheque-pp-moitier img {
        width: 90%;
        max-width: 400px;
        height: auto;
        padding: 20px;
        margin: 0 auto;
    }

    .centrer-img {
        text-align: center;
    }

    .fixed-pro {
        width: 40%!important;
        height: auto;
        position: fixed;
        right: 20px;
        top: 362px;
        border: solid 1px #ebeae6;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 100;
        max-width: 520px;
        padding: 4px;
        background-color: #F3F2EE;
        margin-bottom: 4rem;
        box-shadow: 0 4px 9px 0 rgb(79, 79, 79);
    }

    .fixed-pro .btn-espace-pro {
        width: 260px;
        margin-bottom: 12px;
        /* max-width: 520px; */
        font-size: .875rem;
        background-color: #267074;
        border-color: #267074;
        color: #fff !important;
        padding: .5rem 1.25rem;
        /* text-transform: uppercase; */
        font-family: 'SourceSansPro', 'Source Sans Pro', sans-serif;
        /* font-weight: 600; */
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
        display: inline-block;
        text-align: right;
        position: relative;
    }

    .fixed-pro .btn-espace-pro img {
        position: absolute;
        top: 9px;
        left: 18px;
        width: 25px;
    }
    /* .titre-fixed-pro{
      position: relative;
  } */

    .close-me {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
    }

    .btn-espace-pro span {
        color: #fff;
    }

    div.element.etape2 a.btn.btn-default.btn-inscrire {
        background-color: transparent !important;
        border: 1px solid black !important;
    }

    div.element.etape2 a.btn.btn-default.btn-inscrire:hover {
        background-color: #ffbd70 !important;
    }

    @media (max-width: 850px) {
        .decouvrez-bilbliotheque-pp {
            flex-direction: column;
        }
        .img-item {
            order: 1;
        }
        .texte-item {
            order: 2;
        }
        .decouvrez-bilbliotheque-pp-moitier img {
            width: 100%;
            max-width: 500px;
        }
        .decouvrez-bilbliotheque-pp-moitier {
            width: 90%;
        }
        .fixed-pro {
            display: none;
        }
    }
    /* FIN - Comment-ça-marche avril 2020 modification -----------------------------------------------------------------
--------------------------------------------------------------------------------------- */
    /* Marges autour du titre "incontournable rebond" */

    div.border-gris div.media-body.border h3,
    div.border-gris div.media-body.border h2 {
        padding-top: 10px!important;
        padding-bottom: 12px!important;
        line-height: 1.3rem;
    }

    div.border-gris h3 {
        margin-top: .45rem;
    }
    /* Fin - Marges autour du titre "incontournable rebond" */
    /* ****************************************************************************** */
    /* ****************************************************************************** */
    /* *******************      PAGE SAISONS          ******************************* */
    /* ****************************************************************************** */
    /* ****************************************************************************** */

    .saisons .encart .encart {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .saisons .encart .encart.notabene {
        padding-top: 0;
        padding-bottom: 0;
    }

    .saisons .frame-portalcarouselwebframefactory.hero {
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/bg-saisons.jpg) no-repeat center;
        background-size: cover;
    }

    .saisons .frame-portalcarouselwebframefactory.hero .hero {
        background-color: rgba(0, 0, 0, .5);
        min-height: 250px!important;
        max-height: 250px!important;
        height: 250px!important;
    }

    .saisons .intro {
        background: #f3f2ee;
    }

    .saisons .intro .intro {
        text-align: center;
    }

    .saisons .intro p {
        font-weight: 600;
        margin-bottom: 0;
    }

    @media (min-width:768px) {
        .saisons h2,
        .saisons h2 span {
            text-align: left;
        }
    }

    .saisons #menu-side h2,
    .saisons #menu-side h2 span {
        text-align: center;
    }
    /* **************** */
    /* BLOCS DATE + EVT */
    /* @media (min-width:768px){
    #date-et-evt > div {
        margin-right:1rem;
    }
}
 */

    #date-et-evt>* {
        margin-bottom: 1rem;
    }

    @supports (display:flex) {
        #date-et-evt {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        #date-et-evt>div {
            max-width: 399px;
            width: 100%;
        }
        /*
    @media (min-width:768px){
        #date-et-evt {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
        }
        #date-et-evt > #date-saison {
            flex: 1;
            max-width: unset;
        }
        #date-et-evt > #evt-menu {
            flex: 4;
            max-width: unset;
        }
    }
     */
    }
    /* ********************* */
    /* SELECTION DATE SAISON */
    /* #date-saison {
    text-align: center;
}
 */

    .saisons select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        width: 100%;
        max-width: 250px;
        padding: 0rem 1rem;
        cursor: pointer;
        color: rgb(70, 81, 88);
        /*     font-family: courier;
 */
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-size: 22px;
        line-height: 2;
        border: 1px solid #000;
        border-radius: 1.5rem;
        background-color: rgb(250, 250, 250);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHg9IjBweCIgeT0iMHB4Ij48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTIgMThsLTExLjAxOS0xMWgyMi4wMzh6Ii8+PC9zdmc+);
        background-size: .8em;
        background-repeat: no-repeat;
        background-position: calc(100% - .4em) center;
    }
    /* @media (min-width:768px){
    #date-saison {
        text-align: left;
    }
}
 */

    .saisons select:focus {
        border: 2px solid #000 !important
    }

    .saisons select option {
        font-family: inherit;
        padding: 1rem;
    }
    /* ******************** */
    /* CHOIX EVENEMENT MLVL */

    .mlvl {
        overflow: auto;
    }

    .mlvl__level {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transition: -webkit-transform 150ms ease-out;
        transition: -webkit-transform 150ms ease-out;
        -o-transition: transform 150ms ease-out;
        transition: transform 150ms ease-out;
        transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 2;
    }

    .mlvl__level--top {
        position: static;
        background: none;
        overflow: hidden;
    }

    .mlvl__level--is-hidden {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .no-csstransitions .mlvl__level--is-hidden {
        display: none;
    }

    .mlvl__back {
        display: block;
        font-style: italic;
        width: 3rem;
        height: 3rem;
        position: absolute;
        overflow: hidden;
    }

    .mlvl__back:hover,
    .mlvl__back:active,
    .mlvl__back:focus {
        background: #fff;
    }

    .saisons #evt-menu .nav ul a.mlvl__parent-clone {
        text-transform: uppercase;
        font-weight: 400;
    }

    .saisons #evt-menu .nav {
        background: transparent;
        color: #000;
        /* width: 400px; */
        font-size: 1.2rem;
        height: auto;
        overflow: auto;
        border-radius: 1.5rem;
    }

    .saisons #evt-menu .nav a {
        color: #000;
    }

    .saisons #evt-menu .nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .saisons #evt-menu .nav ul li {
        border-bottom: 1px solid transparent;
    }

    .saisons #evt-menu .nav ul li:last-of-type {
        border-bottom: 0;
    }

    .saisons #evt-menu .nav ul a {
        display: block;
        padding: .75rem .5rem;
        text-decoration: none;
        font-weight: 600;
        background: #fff;
        text-align: center;
    }

    .saisons #evt-menu .nav ul a.mlvl__parent:not(.mlvl__parent-clone):after {
        content: '>';
        text-align: center;
        position: absolute;
        right: 2rem;
        width: 22.85px;
        height: 22.85px;
        background: rgba(255, 255, 255, .7);
        border-radius: 50%;
    }

    .saisons #evt-menu .nav ul a:hover {
        /* background: rgba(255, 208, 118, .5); */
        background: #a8a8a8;
    }

    .saisons #evt-menu .nav .mlvl__back+ul li a.mlvl__parent-clone {
        /* background: rgba(255, 208, 118, .5); */
        background: #a8a8a8;
    }

    .saisons #evt-menu .nav .mlvl__back-icon:before {
        content: '<';
        text-align: center;
        position: absolute;
        left: 1rem;
        width: 22.85px;
        height: 22.85px;
        background: rgba(255, 255, 255, 1);
        border-radius: 50%;
        top: .75rem;
    }

    .saisons #evt-menu .nav .mlvl__back-icon+span {
        opacity: 0;
    }
    /* @media (min-width:768px){
    .mlvl__level--top > ul {
        display: flex;
        justify-content: space-evenly;
    }
    .mlvl__level--top > ul > li{
        flex: 2;
        text-align: center;
    }
    .mlvl__level--top > ul > li:last-of-type{
        flex: 3;
    }
    .mlvl__level--top > ul > li li{
        text-align: left;
    }
}
 */
    /* ****************** */
    /* AGENDA FILTRES/TRI */
    /* ****************** */
    /* BLOCS search + tags + dispo : */

    .filtres-secondaires .filtres-2 {
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 3rem;
        padding: .5rem 0;
        margin-bottom: .5rem;
        align-items: center;
    }

    .filtres-secondaires .filtres-2>div {
        flex: 1;
    }

    .filtre-2--search {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2.25rem;
        width: 66px;
        align-self: flex-start;
    }

    .filtre-2--tag {
        display: flex;
        flex-wrap: wrap;
    }

    .filtre-2--dispo {
        text-align: right;
    }

    .filtre-2--search-container {
        position: relative;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 66px;
        height: 2.2rem;
    }

    .filtre-2--search .search {
        position: absolute;
        /* margin: auto; */
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 2rem;
        height: 2.2rem;
        background: #fff;
        transition: all 1s;
        z-index: 4;
    }

    .filtre-2--search .search:hover {
        cursor: pointer;
        background: #ddd;
    }

    .filtre-2--search .search::before {
        content: "";
        position: absolute;
        margin: auto;
        top: 12px;
        right: 0;
        bottom: 0;
        left: 12px;
        width: 8px;
        height: 2px;
        background: #000;
        transform: rotate(45deg);
        transition: all .5s;
    }

    .filtre-2--search .search::after {
        content: "";
        position: absolute;
        margin: auto;
        top: -5px;
        right: 0;
        bottom: 0;
        left: -5px;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 2px solid #000;
        transition: all .5s;
    }

    .filtre-2--search input {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 3rem;
        height: 2rem;
        outline: none;
        border: 1px solid transparent;
        color: #000;
        padding: 0 3rem 0 1rem!important;
        transition: all 1s;
        opacity: 0;
        z-index: 5;
        font-weight: normal;
    }

    .filtre-2--search input:hover {
        cursor: pointer;
    }

    .filtre-2--search:focus-within,
    .filtre-2--search:focus {
        width: calc(100% - 2rem);
    }

    .filtre-2--search .filtre-2--search-container:focus-within,
    .filtre-2--search .filtre-2--search-container:focus {
        width: 100%;
    }

    .filtre-2--search .filtre-2--search-container:focus-within input,
    .filtre-2--search input:focus {
        width: 100%;
        opacity: 1;
        cursor: text;
        border: 1px solid #000;
    }

    .filtre-2--search .filtre-2--search-container:focus-within .search,
    .filtre-2--search input:focus~.search,
    .filtre-2--search button:focus~.search {
        right: -2.1rem;
        background: #FFF;
        z-index: 6;
        left: unset;
    }

    .filtre-2--search .filtre-2--search-container:focus-within .search::before,
    .filtre-2--search input:focus~.search::before,
    .filtre-2--search button:focus~.search::before {
        top: 0;
        left: 0;
        width: 25px;
    }

    .filtre-2--search .filtre-2--search-container:focus-within .search::after,
    .filtre-2--search input:focus~.search::after,
    .filtre-2--search button:focus~.search::after {
        top: 0;
        left: 0;
        width: 25px;
        height: 2px;
        border: none;
        background: #000;
        border-radius: 0%;
        transform: rotate(-45deg);
    }

    .filtre-2--search input::placeholder {
        color: #555;
        opacity: 0.5;
        font-weight: bolder;
    }

    .filtre-2--search button {
        background-color: #fff;
        background-image: url(https://pprd-pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/submit-search.png);
        background-position: center;
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 0;
        transition: all .5s;
        transition-delay: .5s;
    }

    .filtre-2--search .filtre-2--search-container:focus-within button,
    .filtre-2--search input:focus~button,
    .filtre-2--search button:focus {
        left: unset;
        opacity: 1;
        z-index: 6;
        background-color: #f3f2ee;
        background-image: url(https://pprd-pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/submit-search.png);
        background-position: center;
        background-repeat: no-repeat;
    }
    /* Filtres Tags */

    .filtres-secondaires .filtre-2--tag>a {
        border: 1px solid #000!important;
        border-radius: 1rem;
        padding-left: .5rem;
        margin-right: .25rem;
        margin-top: .25rem;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        background: #000;
    }

    .filtre-2--tag p {
        display: flex;
        flex-basis: auto;
        margin: 0;
    }

    .filtre-2--tag p,
    .filtre-2--tag span {
        font-size: .825rem;
        line-height: 1;
        font-weight: normal;
        text-transform: uppercase;
    }

    .filtre-2--tag span {
        display: inline-block;
    }

    .filtres-secondaires .filtre-2--tag .tag-sep {
        opacity: .5;
        margin: 0 .5rem;
    }

    .filtres-secondaires .filtre-2--tag .tag-close {
        padding: .2rem .5rem .2rem 2rem;
        cursor: pointer;
        font-size: 1rem;
    }

    .filtre-2--tag p,
    .filtre-2--tag span,
    .filtres-secondaires .filtre-2--tag .tag-close {
        font-size: 12px;
        color: #fff !important;
    }

    @media (min-width:768px) {
        .filtres-secondaires .filtres-2 {
            flex-direction: row;
            padding: .5rem 0 0 4rem;
        }
        .filtre-2--tag p,
        .filtre-2--tag span {
            font-size: .825rem;
        }
        .filtres-secondaires .filtre-2--tag .tag-close {
            font-size: 1rem;
        }
    }
    /* FILTRE DOC DISPONIBLES */

    .filtre-2--dispo input {
        margin-top: 0;
    }

    .filtre-2--dispo label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
        line-height: 1;
    }

    @media (min-width:768px) {
        .filtre-2--dispo label {
            font-size: .875rem;
            font-weight: 600;
        }
    }
    /* ****** */
    /* AGENDA */

    .saisons .liste-resultats {
        margin-bottom: 3rem;
    }

    .saisons .liste-resultats.encart .liste-resultats.encart {
        padding-top: 0;
    }

    .saisons #page .liste-resultats .panel-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #agenda {
        padding: 0;
    }

    #agenda * {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #agenda .agenda-mois {
        background: #e3e0d7;
        border-bottom: .5rem solid #FFF;
    }

    #agenda .agenda-mois.in {
        padding-bottom: 2rem;
    }

    #agenda .agenda-mois>h2 {
        background: #f3f2ee;
        border-bottom: 1px solid #ccc;
        margin: 0;
        height: 3rem;
        padding: .75rem;
        position: static;
        display: flex;
        justify-content: space-between;
        padding-right: 3.5rem;
    }

    @supports (position:sticky) {
        #agenda .agenda-mois>h2 {
            position: -webkit-sticky;
            position: sticky;
            top: 70px;
            z-index: 9;
        }
    }

    #agenda .agenda-mois>h2,
    #agenda .agenda-mois>h2 span {
        text-align: left;
        color: #000;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        font-size: 1.25rem;
        text-transform: none;
        flex: 4;
    }

    #agenda .agenda-mois>h2 span.saison-display {
        display: inline;
    }

    #agenda .agenda-mois>h2 span.mois-count {
        display: inline;
        text-align: right;
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
        color: green;
        font-weight: 700;
        font-size: 1rem;
        align-self: center;
        flex: 1;
    }

    #agenda .yoyo-container .yoyo-trigger.in::before,
    #agenda .yoyo-container .yoyo-trigger::before {
        top: .5rem;
        right: .75rem;
    }

    #agenda .evt {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 1.25rem .75rem;
        overflow: hidden;
    }

    #agenda .evt h3,
    #agenda .evt h4,
    #agenda .evt h4 span,
    #agenda .evt img {
        margin: 0;
    }

    #agenda .evt h3 a:after {
        content: url("images/icon/icon-i-ext.png");
        vertical-align: middle;
        margin-left: .5rem;
    }

    #agenda .evt-date {
        margin-bottom: .25rem;
        padding-left: 5px;
    }

    #agenda .evt-date span {
        color: #777;
        font-size: 1rem;
        font-weight: 600;
        /* font-style: italic; */
        margin-left: .25rem;
    }

    #agenda .evt-date span.date-jour {
        font-size: 1.5rem;
    }

    #agenda .evt-date span.date-mois {
        font-size: .825rem;
    }

    #agenda .evt-date .date-sep {
        color: #aaa;
    }

    #agenda .evt-date .duau {
        font-size: 11px;
    }

    .date-mois {
        text-transform: lowercase;
    }
    /*
#agenda .evt .evt-desc{
    flex:1;
    height:114px;
    padding:5px;
    display: grid;
    grid-template-columns:70px auto 16px;
    grid-template-rows:22px 20px auto auto ;
    grid-column-gap:.5rem;
    background: #Fff;
}
*/

    #agenda .evt .evt-desc {
        flex: 1;
        /*! height: 140px; */
        padding: 0;
        display: flex;
        /*! background: #Fff; */
    }

    #agenda .evt-desc--contenu {
        padding: .5rem .75rem .75rem;
        background: #fff;
        border-radius: 1rem;
        /*! display: flex; */
        /*! flex-direction: column; */
        margin-right: 0;
        width: 100%;
    }

    #agenda .evt .evt-desc figure {
        display: flex;
        width: 65px;
        margin-right: .25rem;
        border-radius: 1rem;
        overflow: hidden;
        height: 75px;
        flex-basis: 65px;
        min-width: 65px;
        background: #fff;
    }

    .evt .evt-desc figure img {
        object-fit: cover;
        width: 100%;
    }

    #agenda .evt .evt-desc .evt-desc--type {
        /*! grid-area:type; */
        /*! grid-row:1; */
        /*! grid-column:1/3; */
        margin-bottom: .75rem;
    }

    .evt-desc--type:after {
        content: "";
        height: 1px;
        width: 24px;
        background: #001b3b;
        line-height: 1;
        display: block;
        margin-top: .35rem;
    }

    #agenda .evt .evt-desc .evt-desc--type,
    #agenda .evt .evt-desc .evt-desc--type-1,
    #agenda .evt .evt-desc .evt-desc--type-2 {
        font-weight: 700;
        font-size: .75rem;
        /*! text-transform: uppercase; */
        color: #B8750B;
        color: darkgoldenrod;
        display: inline-block;
    }

    #agenda .evt .evt-desc .evt-desc--type-2 {
        color: #001b3b;
    }

    #agenda .evt .evt-desc .evt-desc--type-2:before {
        /*    content:"-";*/
        margin-left: .5rem;
        margin-right: .5rem;
    }

    #agenda .evt .evt-desc .evt-desc--type-1 {
        display: none;
    }

    #agenda .titres {
        margin-bottom: 0;
    }

    #agenda .evt .evt-desc h3 {
        /*
    grid-area:titre;
    grid-column:2;
    grid-row:2;
*/
        margin-bottom: .5rem;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1;
        text-transform: none;
    }

    #agenda .evt .evt-desc h3,
    #agenda .evt .evt-desc h3 span,
    #agenda .evt .evt-desc h3 a {
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1;
        text-transform: none;
        letter-spacing: 1px;
        color: #001b3b;
    }

    #agenda .evt .evt-desc h4 {
        /*
    grid-area:soustitre;
    grid-column:2;
    grid-row:auto;
*/
        margin-bottom: .5rem;
        /*! font-family: 'SourceSansPro', sans-serif; */
        font-size: .875rem;
        letter-spacing: .5px;
        color: #001b3b94;
    }

    #agenda .evt .evt-desc .evt-desc--cycle {
        /*
    grid-area:cycle;
    grid-column:2;
    grid-row:auto;
*/
        margin-bottom: .5rem;
        /*    font-style: italic;*/
        font-size: .825rem;
        /*    text-transform: uppercase;*/
        color: #001b3b;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    #agenda .evt .evt-desc .evt-desc--cycle br {
        display: none;
    }

    #agenda .evt .evt-desc .evt-desc--cycle .sep-wknd {
        display: inline;
        opacity: .5;
        margin-left: 2px;
        margin-right: 2px;
    }

    .evt-desc--cycle:before {
        content: "Dans le cadre de :";
        text-transform: none;
        margin-right: .25rem;
        font-size: .825rem;
        color: #001b3b;
    }

    .evt-desc--cycle:hover:after {
        /*	content: url(images/icon/icon-tri.svg);*/
        text-transform: none;
        margin-left: .5rem;
        font-size: .825rem;
        color: #969696;
        opacity: .8;
        vertical-align: middle;
    }

    .evt-desc--cycle div {
        font-style: normal;
        display: inline;
        font-size: .825rem;
        color: #001b3b;
        /*! font-family: 'LinotypeBrewery', sans-serif; */
        font-weight: normal;
        line-height: 1;
        text-transform: none;
        /*! letter-spacing: 1px; */
    }

    .evt-desc--cycle div:hover,
    .evt-desc--cycle div:focus,
    .evt-desc--cycle div:active {
        /*     text-decoration: underline; */
    }

    .evt .evt-desc .evt-desc--euterpe {
        /*
    grid-area:euterpe;
    grid-column:3;
    grid-row:1/5;
*/
    }

    .evt .evt-desc div.evt-desc--euterpe {
        display: none;
    }

    .evt-item.evt-doc {
        /*! background: #fff; */
        border-top: 3px solid #e3e0d7;
        display: flex;
        height: 3rem;
    }

    @media (max-width:767px) {
        #agenda .evt .evt-desc .evt-desc--cycle {
            display: none;
        }
        .evt-item.evt-doc {
            padding-left: 67px!important;
        }
    }

    .evt .evt-doc h4,
    .evt .evt-doc h4 span {
        font-weight: 600;
        font-size: .8rem;
        text-transform: uppercase;
        font-family: 'SourceSansPro', sans-serif;
        display: none;
    }

    #agenda .evt .evt-doc h4 {
        border-right: 3px solid #e3e0d7;
    }

    #agenda .evt .evt-doc h4 span {
        margin: auto 5px;
    }

    .evt-item.evt-doc ul {
        display: flex;
        flex: 1;
        text-align: center;
    }

    .evt-item.evt-doc ul li {
        width: 3rem;
        display: flex;
        justify-content: center;
        align-items: stretch;
        border-right: 3px solid #e3e0d7;
        border-radius: 1rem;
        overflow: hidden;
        background: #ffd076;
        margin-bottom: .25rem;
    }

    .evt-item.evt-doc ul li a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .evt-item.evt-doc ul li a span {
        font-size: .875rem;
        color: #001b3b;
        display: none;
    }
    /* evt sans document dispo */

    .evt.evt-noDoc * {
        /*    opacity: .5;*/
    }

    .evt.evt-noDoc .evt-desc--euterpe,
    .evt.evt-noDoc .evt-desc--euterpe *,
    .evt.evt-noDoc section {
        opacity: 1;
    }

    #agenda .evt.evt-noDoc .evt-desc {
        /*    background: rgba(255,255,255,.5);*/
        /*! background: #fff; */
    }

    #agenda .evt.evt-noDoc .evt-item.evt-doc {
        opacity: .5;
        overflow-y: hidden;
    }

    #agenda .evt.evt-noDoc .evt-item.evt-doc h4,
    #agenda .evt.evt-noDoc .evt-item.evt-doc h4 span {
        margin: auto;
        display: block;
        margin-left: .5rem !important;
        margin-top: .5rem !important;
        opacity: .75;
    }

    .evt-item.evt-doc ul li a:hover,
    .evt-item.evt-doc ul li a:hover span {
        background: #fff;
        color: #001b3b;
    }

    @media (min-width:768px) {
        #agenda .agenda-mois>h2 {
            padding-left: 118px;
        }
        #agenda .agenda-mois>h2.in {
            box-shadow: 0 4px 9px #ccc;
        }
        #agenda .evt {
            /*! height:140px; */
            flex-direction: row;
            flex-wrap: nowrap;
        }
        #agenda .evt .evt-date {
            width: 105px;
            margin-bottom: 0;
            margin-right: 1rem;
            padding-left: 0;
            padding-right: .35rem;
            text-align: right;
        }
        #agenda .evt .evt-date span {
            display: inline-block;
        }
        /*
    #agenda .evt .evt-desc{
        flex:1;
        height:118px;
        padding:0;
        display: grid;
        grid-template-columns:103px auto auto 19px;
        grid-template-rows:22px auto auto ;
        grid-column-gap:.5rem;
        background: #Fff;
    }
*/
        #agenda .evt .evt-desc {
            /*! flex:1; */
            /*! height:118px; */
            /*! padding:0; */
            /*! display: grid; */
            /*! grid-template-columns:103px auto; */
            /*! grid-template-rows:22px auto auto auto; */
            /*! grid-column-gap:.5rem; */
            /*! background: #Fff; */
        }
        #agenda .evt-desc--contenu {
            margin-right: .75rem;
        }
        #agenda .evt .evt-desc figure {
            /*! display: flex; */
            /*! height:140px; */
        }
        #agenda .evt .evt-desc figure {
            display: flex;
            width: 103px;
            margin-right: .75rem;
            border-radius: 1rem;
            overflow: hidden;
            height: 118px;
            flex-basis: 103px;
            min-width: 103px;
            background: #fff
        }
        .evt .evt-desc .evt-desc--type {}
        #agenda .titres {
            margin-bottom: 1rem;
        }
        .evt .evt-desc h3 {
            /*
        grid-area:titre;
        grid-column:2;
        grid-row:2;
*/
            font-size: 1rem;
        }
        #agenda .evt .evt-desc h3,
        #agenda .evt .evt-desc h3 span,
        #agenda .evt .evt-desc h3 a {
            font-size: 1.125rem;
        }
        .evt .evt-desc h4 {
            /*
        grid-area:soustitre;
        grid-column:2;
        grid-row:auto;
*/
            font-size: .875rem;
        }
        #agenda .evt .evt-desc .evt-desc--cycle {
            /*
        grid-area:cycle;
        grid-column:2;
        grid-row:auto;
*/
            /*        max-width: 160px;*/
            margin: auto;
            color: #333;
            text-align: left;
            width: 100%;
        }
        /*
    #agenda .evt .evt-desc .evt-desc--cycle br{
        display: block;
        margin: .5rem;
    }
*/
        /*
    #agenda .evt .evt-desc .evt-desc--cycle .sep-wknd{
        display: block;
        opacity: 0;
        line-height: .75;
    }
*/
        .evt .evt-desc .evt-desc--euterpe {
            /*
        grid-area:euterpe;
        grid-column:4;
        grid-row:1/4;
        display: flex;
*/
        }
        .evt .evt-desc div.evt-desc--euterpe {
            display: none;
        }
        /*
    #agenda .evt .evt-desc .evt-desc--euterpe a{
        margin-top: auto;
        position: relative;
    }
    #agenda .evt .evt-desc .evt-desc--euterpe a img{
        margin-bottom: 3px;
    }
*/
        /*
    #agenda .evt .evt-desc .evt-desc--euterpe a::before {
        content: "en savoir plus sur l'événement";
        display: block;
        position: absolute;
        left: -140px;
        width: 140px;
        font-size: 11px;
        bottom: 2px;
        font-style: italic;
    }
*/
        .evt-item.evt-doc {
            /*! background: #fff; */
            border-top: 0;
            display: flex;
            flex-direction: column;
            height: auto;
            width: 200px;
            /*! border-left: 3px solid #e3e0d7; */
            overflow-y: auto;
        }
        .evt-item.evt-doc ul {
            flex-direction: column;
        }
        #agenda .evt-item.evt-doc ul li {
            width: 100%;
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: stretch;
            border-right: 0;
            /*      border-top: 3px solid #e3e0d7;*/
            height: 2rem;
            max-height: 2rem;
            border-radius: 1rem;
            overflow: hidden;
            /*! background: #fff; */
            margin-bottom: .5rem;
        }
        .evt-item.evt-doc ul li:last-of-type {
            outline: 3px solid #e3e0d7;
            border-top: 0;
        }
        .evt-item.evt-doc ul li a {
            display: flex;
            justify-content: flex-start;
        }
        #agenda .evt-item.evt-doc ul li figure {
            display: flex;
            height: 28px;
            width: 2.5rem;
            margin-right: .5rem;
            padding: 2px 0;
        }
        .evt-item.evt-doc ul li figure img {
            object-fit: contain;
        }
        .evt-item.evt-doc ul li a span {
            display: inline;
            font-weight: 600;
        }
        #agenda .evt .evt-doc h4,
        #agenda .evt .evt-doc h4 span {
            display: flex;
            display: none;
        }
        #agenda .evt .evt-doc h4 {
            height: 1.5rem;
            border-right: 0;
        }
        #agenda .evt .evt-doc h4 span {
            font-size: 12px;
            margin: auto 5px;
        }
        #agenda .evt.evt-noDoc .evt-item.evt-doc {
            background: transparent;
        }
        #agenda .evt.evt-noDoc .evt-item.evt-doc h4 {
            margin: auto!important;
        }
    }
    /* BROCHURE */

    #agenda .brochure-ancre {
        padding-left: .75rem;
        margin-top: .5rem;
        margin-bottom: .25rem;
    }

    #agenda .brochure-ancre a span {
        font-size: .8rem;
        color: dodgerblue;
        text-transform: uppercase;
    }

    #agenda #brochure-container {
        background: #f3f2ee;
        box-shadow: 0 4px 9px #ccc;
        padding: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    #agenda #brochure-container [class^="brochure-"] {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
    }

    @media (min-width:768px) {
        #agenda .brochure-ancre {
            padding-left: 118px;
        }
        #agenda #brochure-container {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: auto;
            grid-row-gap: 1.5rem;
            grid-column-gap: 1.5rem;
        }
        #agenda #brochure-container [class^="brochure-"] {
            margin-bottom: 0;
        }
    }

    #brochure-container [class^="brochure-"] a {
        display: flex;
    }

    #brochure-container [class^="brochure-"] a:hover,
    #brochure-container [class^="brochure-"] a:focus,
    #brochure-container [class^="brochure-"] a:focus-within,
    #brochure-container [class^="brochure-"] a:active {
        background: #FFF;
    }

    #agenda #brochure-container [class^="brochure-"] a p {
        margin: auto 1rem;
        font-size: .875rem;
    }

    #brochure-container [class^="brochure-"] figure {
        width: 60px;
        min-width: 60px;
        height: 60px;
        display: flex;
    }

    #brochure-container [class^="brochure-"] figure img {
        object-fit: cover;
    }
    /* + inspecteur 20 jan 2021 */
    /* ***************************************** */
    /* ************  MENU SIDE   *************** */
    /* ***************************************** */
    /* .frame.menu-side{ */

    body:not(.home) #page .frame.menu-side .panel-body,
    body:not(.home) #page .frame.menu-side .panel-footer,
    body:not(.home) #page .frame.menu-side .panel-heading {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #menu-side {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 99999999;
        background: #031424;
        transform: translateX(-100%);
        transition: transform .3s ease-out;
        min-width: 43%;
        padding: 2rem 1rem;
        overflow-y: scroll;
    }
    /* .frame.menu-side.closed{ */

    #menu-side.closed {
        transform: translateX(-100%);
    }
    /* .frame.menu-side.in{ */

    #menu-side.in {
        transform: translateX(0);
    }

    .menu-side--fermer {
        position: fixed;
        top: 1.5rem;
        width: 2rem;
        height: 2rem;
        z-index: 99999999999999;
        right: 1.5rem;
    }

    .menu-side--fermer span {
        display: none;
    }

    .menu-side--fermer figure {
        width: 100%;
        height: 100%;
        background: #fff;
        border-radius: 50%;
        padding: .5rem;
        display: flex;
    }

    .menu-side--fermer img {
        width: 18px;
        margin: auto;
    }

    #page .layer-close--menu-side {
        display: block;
        visibility: hidden;
        position: absolute;
        top: -100px;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0);
        z-index: 9999999;
        transition: all .3s ease-out;
    }

    #page .layer-close--menu-side.in {
        visibility: visible;
        position: absolute;
        top: -100px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999999;
        background-color: rgba(0, 0, 0, .5);
    }

    #menu-side h2,
    #menu-side h2 span {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.15rem;
        color: #FFF;
    }

    #menu-side h3,
    #menu-side h3 span {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.15rem;
        text-transform: none;
        color: #FFF;
    }

    #menu-side h3 span {
        display: inline;
    }
    /* Déclencheur du menu side et tags */

    @supports (display:flex) {
        #menu-side--controls {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap-reverse;
        }
    }

    #menu-side--trigger {
        background: #ffd076;
        color: #000;
        padding: .5rem 1.5rem;
        margin: .5rem;
        border-radius: 1rem;
        font-size: 1rem;
        line-height: 1.1;
    }

    #menu-side--trigger:before {
        content: "";
        display: inline-block;
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/filtre.png) no-repeat center;
        background-size: auto;
        background-size: contain;
        vertical-align: middle;
        margin-right: 1rem;
    }

    #menu-side--controls h2,
    #menu-side--controls h2 span {
        display: inline-block;
        position: static;
        width: auto;
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: #FFF;
        text-align: left;
    }

    #menu-side--controls h2 span {
        background: #000;
        padding: .5rem 1.5rem;
        margin: .5rem;
        border-radius: 1rem;
    }
    /* *********************************************************** */
    /* ************************* MENU FILTRES ******************** */
    /* *********************************************************** */

    .saisons .container {
        padding-left: 0;
        padding-right: 0;
    }

    .container::before,
    .container::after {
        content: "";
        display: none;
    }

    #menu-filtres--container {
        position: relative;
    }

    @media (min-width:768px) {
        #menu-filtres--container {
            display: flex;
            flex-direction: column;
        }
    }
    /* MENU FILTRES HEADER */

    #menu-filtres--header {
        width: 100%;
        display: flex;
        height: 4rem;
    }

    #menu-filtres--trigger {
        background: #03182c;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #menu-filtres--trigger h2 {
        text-align: left;
        margin: 0;
        padding-left: 2rem;
        width: auto;
        /*    margin-right: 2.5rem;*/
    }

    #menu-filtres--trigger h2 span {
        display: block;
        width: auto;
        margin: 0;
        color: #fff;
        font-size: .875rem;
        text-transform: none;
        text-align: left;
    }

    #menu-filtres--trigger h2 span:first-of-type {
        display: none;
    }

    @media (min-width:460px) {
        #menu-filtres--trigger h2 span:first-of-type {
            display: inline;
        }
    }

    #menu-filtres--trigger:hover {
        /* background: #ffd076; */
        /*	background: #b6bec7;*/
        /*	background: #667689;*/
        /*	background: rgba(3, 24, 44, 0.8);*/
    }

    #menu-filtres--trigger:hover span {
        /*	color: #001b3b;*/
    }

    #menu-filtres--trigger h2 span.saison-display {
        font-size: 1.5rem;
        text-decoration: underline;
    }

    #menu-filtres--trigger h2 span.saison-display::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .75rem;
        border-top: 6px solid #fff;
        border-right: 6px solid transparent;
        border-bottom: 0;
        border-left: 6px solid transparent;
        border-bottom-color: #fff;
        border-top-color: #fff;
        top: .75rem;
        position: absolute;
    }

    #menu-filtres--trigger:hover h2 span.saison-display,
    #menu-filtres--trigger:focus h2 span.saison-display,
    #menu-filtres--trigger:active h2 span.saison-display {
        color: #ffd076;
    }

    #menu-filtres--trigger:hover h2 span.saison-display:after,
    #menu-filtres--trigger:focus h2 span.saison-display:after,
    #menu-filtres--trigger:active h2 span.saison-display:after {
        border-top: 6px solid #ffd076;
        border-right: 6px solid transparent;
        border-bottom: 0;
        border-left: 6px solid transparent;
        border-bottom-color: #ffd076;
        border-top-color: #ffd076;
    }

    @media (min-width:768px) {
        #menu-filtres--trigger h2 span {
            display: inline;
            width: auto;
            margin: 0;
            color: #fff;
            font-size: 1.5rem;
            text-transform: uppercase;
        }
    }

    #menu-filtres--trigger .btn-filtres {
        margin: 0;
        color: #ffd076;
        margin-right: 1rem;
        text-align: left;
        position: relative;
        display: inline-block;
        border: 1px solid #ffd076 !important;
        border-radius: 1.5rem;
        padding: .25rem 1.5rem;
    }

    #menu-filtres--trigger .btn-filtres:before {
        content: "";
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        background: url(images/icon/icon-filtre-jaune.svg) no-repeat center;
        background-size: contain;
        display: inline-block;
        vertical-align: sub;
        margin-right: 1rem;
    }

    #menu-filtres--trigger:hover .btn-filtres {
        color: #001b3b;
        border: 1px solid #ffd076 !important;
        background: #ffd076;
    }

    #menu-filtres--trigger:hover .btn-filtres:before {
        content: "";
        font-size: 1rem;
        width: 1rem;
        height: 1rem;
        background: url(images/icon/icon-filtre-marine.svg) no-repeat center;
        background-size: contain;
        display: inline-block;
        vertical-align: sub;
        margin-right: 1rem;
    }

    #menu-filtres--trigger[aria-expanded="true"] .btn-filtres:before {
        content: "";
        font-size: 1rem;
        width: .75rem;
        height: .75rem;
        background: url(images/icon/icon-fermer-jaune.svg) no-repeat center;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem;
        top: calc(50% - .67rem);
    }

    #menu-filtres--trigger[aria-expanded="true"]:hover .btn-filtres:before {
        content: "";
        font-size: 1rem;
        width: .75rem;
        height: .75rem;
        background: url(images/icon/icon-fermer-marine.svg) no-repeat center;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem;
    }

    #menu-search--trigger {
        display: none;
        background: #ccc;
        color: #fff;
        width: 4rem;
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/icon/pictos-nav/loop.svg) no-repeat center #ccc;
        background-size: 1.5rem;
        overflow: hidden;
    }

    #menu-search--trigger span {
        visibility: hidden;
    }
    /* TAGS */

    #menu-filtres--tags {
        display: none;
        /*    display: flex;*/
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
    }

    #tag-liste {
        display: flex;
    }

    #menu-filtres--tags .filtre-tag,
    #menu-filtres--tags .search-tag {
        display: flex;
        justify-content: space-around;
        background: #ffd076;
        padding: .5rem 1rem;
        margin-left: .5rem;
        border-radius: 1rem;
        height: 2rem;
    }

    #menu-filtres--tags .filtre-tag span,
    #menu-filtres--tags .search-tag span {
        font-size: .875rem;
        line-height: 1.2;
        margin: 0 0 0 .25rem;
    }

    #menu-filtres--tags .filtre-tag span.tag-nombre {
        font-weight: 600;
        color: #03182c;
    }

    #menu-filtres--tags .filtre-tag .tag-supr,
    #menu-filtres--tags .search-tag .tag-supr {
        background: url(images/cross.png) no-repeat center;
        background-size: contain;
        width: 1rem;
        margin-right: 1rem;
    }

    #menu-filtres--tags .tag-supr span {
        display: none;
    }
    /* FILTRES */

    #menu-filtres--body {
        /*    position: absolute;*/
        top: 0;
        left: 0;
        right: 0;
        padding-top: 0;
        background: #fff;
        border: 1px solid #dedede;
        box-shadow: 0 4px 9px #ccc;
        /*    transition: .25s ease-out transform;*/
        transition-duration: .15s;
        transition-timing-function: ease-out;
        transition-property: transform opacity;
    }
    /*
#menu-filtres--body.closed{
    position: absolute;
    left: -99999rem;
    right: unset;
    opacity: 0;
}
*/

    #menu-filtres--body.closed {
        position: fixed;
        /*    opacity: 0;*/
        left: 0;
        top: 0;
        right: 0;
        transform: translateX(100%);
        z-index: 99999999;
        height: 100%;
        display: none;
    }

    #menu-filtres--body.in {
        position: fixed;
        z-index: 99999999;
        top: 0;
        left: 0;
        right: 0;
        /*    opacity: 1;*/
        height: 100%;
        /*    padding-top: 5rem;*/
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(0);
        display: block;
    }

    .filtres-controls--desktop {
        display: none;
        /*
    position: fixed;
    top:1rem;
    right:1rem;
    z-index: 10;
*/
    }

    @media (min-width:768px) {
        #menu-filtres--body {
            transition: none;
        }
        .filtres-controls--desktop {
            display: inline-block;
        }
    }

    .filtres-controls .btn.btn-valid {
        background: #ffd076;
        padding: .5rem 1.25rem;
        border-radius: 18px;
        height: 36px;
    }

    .filtres-controls .btn.btn-valid span {
        color: #000;
        line-height: 1;
        vertical-align: middle;
    }

    .filtres-controls--desktop .btn.btn-valid {
        background: #03182c;
    }

    .filtres-controls--desktop .btn.btn-valid span {
        color: #fff;
        font-weight: 600;
    }

    #filtres--body-headermobile .btn.btn-reinit span {
        color: #ccc;
    }

    #menu-filtres--container label {
        margin: 0;
        font-weight: 400;
        display: inline-block;
    }

    #menu-filtres--container h3,
    #menu-filtres--container h3 span {
        margin: 0;
        margin-bottom: .825rem;
        text-transform: none;
        color: #03182c;
    }

    #filtre-group-1,
    #filtre-group-2,
    .zone-complexe {
        margin-bottom: 2rem;
    }

    .zone-complexe.activee {
        padding-left: 1.5rem;
        opacity: 1;
        display: block;
    }

    .zone-complexe:not(.activee) {
        padding-left: 1.5rem;
        opacity: .4;
        cursor: default;
        pointer-events: none;
        display: none;
    }

    .zone-complexe:not(.activee) * {
        cursor: default;
    }

    .zone-complexe:not(.activee) a {
        cursor: default;
        pointer-events: none;
    }

    .zone-complexe.activee,
    .zone-complexe.activee * {
        pointer-events: auto;
    }

    .zone-simple .evt-item {
        border-bottom: 1px solid #dedede;
    }

    .zone-simple .evt-item:last-of-type {
        border-bottom: 0;
    }

    #menu-filtres--container .zone-complexe .evt-item {
        /*
	display: flex;
    align-items: center;
*/
        display: inline-block;
        width: 100%;
        margin: .25rem 0;
    }

    #menu-filtres--container .zone-complexe .evt-item label {
        display: inline;
    }

    .zone-simple .evt-item label {
        text-transform: uppercase;
        font-size: .825rem;
    }

    #menu-filtres--container .zone-simple .evt-item label,
    #menu-filtres--container .zone-complexe .evt-item label {
        padding: .5rem;
        font-weight: 400;
        font-size: .825rem;
        color: #213a53;
    }

    #menu-filtres--container .zone-simple .evt-item input:checked~label,
    #menu-filtres--container .zone-complexe .evt-item input:checked~label {
        font-weight: 600;
        color: darkgoldenrod;
    }

    .zone-complexe .yoyo-trigger {
        display: block;
        padding: .25rem 1.5rem .25rem 0;
        font-weight: 600;
        color: #03182c;
    }

    .zone-complexe .yoyo-trigger,
    .zone-complexe .yoyo-trigger>span {
        font-weight: 600;
        color: #03182c;
        font-size: .875rem;
    }

    .zone-complexe .yoyo-trigger:before {
        /*right:unset;
    left:calc(250px - 2rem);*/
        transform: rotate(0);
        color: #03182c!important;
    }

    .tagged.yoyo-trigger .tag-nombre {
        color: darkgoldenrod;
        font-size: .825rem;
        font-weight: 700;
        margin-left: .5rem;
    }

    .zone-complexe .sep {
        /*    width: 250px;*/
        height: 1px;
        border-bottom: 1px solid #ddd;
        margin: .25rem 0;
    }

    #menu-filtres--body input[type="radio"],
    #menu-filtres--body input[type="checkbox"] {
        float: none;
        margin: 0;
    }

    @media (min-width:768px) {
        #menu-filtres--body {
            display: flex;
            flex-wrap: wrap;
        }
        #menu-filtres--body.in {
            /*    position: absolute;*/
            position: static;
            padding-top: 1rem;
            left: 0;
            right: 0;
            opacity: 1;
            z-index: 1;
        }
        #filtre-group-2 {
            flex: 1;
        }
        .filtres-controls {
            position: static;
        }
        .zone-complexe .yoyo-trigger {
            padding: .25rem 0;
        }
        .zone-complexe .yoyo-trigger.in:before {
            /*right:unset;
        left:calc(250px - 2rem);*/
            transform: rotate(90deg);
        }
        #menu-filtres--container .zone-simple .evt-item label,
        #menu-filtres--container .zone-complexe .evt-item label {
            font-size: .825rem;
        }
    }
    /* FILTRES SOUS-MENUS COULISSANTS (mobile) / ACCORDEON (desktop) */

    @media (max-width:767px) {
        #menu-filtres--body.in .zone-simple,
        #menu-filtres--body.in .zone-complexe {
            /*
        transition-property: max-height;
        transition-duration: .35s;
        transition-delay: .3s;
        max-height: 1000px;
*/
        }
        #menu-filtres--body.in.sub-in .zone-simple,
        #menu-filtres--body.in.sub-in .zone-complexe {
            /*
        transition-property: max-height;
        transition-duration: .35s;
        transition-delay: .3s;
*/
            height: 0;
        }
        .coche-soloDispo {
            margin-top: 1rem;
            margin-bottom: 1.5rem;
        }
        .zone-complexe .yoyo-container.in .yoyo-content {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            right: -80%;
            right: 0;
            padding: 5rem 1rem 1rem;
            background: lightcoral;
            z-index: 8;
            overflow-y: auto;
        }
        .zone-complexe .evt-item {
            flex: 1 100%;
        }
        .zone-complexe .evt-item label {
            padding-left: 2rem;
        }
        .evt-item.sublevel-header {
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
        }
        .evt-item.sublevel-header a {
            background: url(images/icon/icon-chevron-gauche--fin.svg) no-repeat center;
            padding: 1rem;
            width: 11px;
        }
        .evt-item.sublevel-header a span {
            visibility: hidden;
        }
        #menu-filtres--container .evt-item.sublevel-header h3,
        #menu-filtres--container .evt-item.sublevel-header h3 span {
            display: inline-block;
            flex: 1;
            text-align: center;
            margin: 0;
            font-size: 1.25rem;
            color: #4a4a4a;
        }
        #menu-filtres--container .evt-item.sublevel-header h3 {
            padding-right: 2rem;
        }
    }

    @media (min-width:768px) {
        .zone-complexe .yoyo-container.in .yoyo-content {
            column-width: 220px;
            column-gap: 10px;
        }
    }
    /* HEADER MOBILE DANS LE PANNEAU FILTRES */

    #filtres--body-headermobile {
        position: sticky;
        top: 0;
        width: 100%;
        height: 4rem;
        background: #03182c;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
        z-index: 9;
    }

    #filtres--body-headermobile .filtres-fermer {
        display: block;
        height: 2rem;
        width: 2rem;
    }

    #filtres--body-headermobile .filtres-fermer a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(images/icon-cross.png) no-repeat center;
        background-size: contain;
    }

    #filtres--body-headermobile .filtres-fermer span {
        display: none;
    }

    @media (min-width:768px) {
        #filtres--body-headermobile,
        #menu-filtres--container .evt-item.sublevel-header {
            display: none;
        }
    }
    /* SEARCH */

    .filtres-search,
    .filtres-search.closed {
        display: none;
    }

    #filtres-search-mobile {
        display: flex;
        margin-bottom: 2rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .filtres-search input {
        border: 0;
        border-bottom: 1px solid #000;
    }

    #filtres-search-mobile input {
        flex: 1 90%;
    }

    #filtres-search-mobile button.searchButton {
        flex: 1 10%;
    }

    @media (min-width:768px) {
        .filtres-search.in {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding-top: 2rem;
            padding-bottom: 2rem;
            background: #fff;
            box-shadow: 0 4px 9px #ccc;
            border: 1px solid #dedede;
        }
        #filtres-search-mobile {
            display: none;
        }
        .filtres-search.in label {
            flex: 1 100%;
        }
        #filtres-search-desktop label,
        #filtres-search-desktop label span {
            font-weight: 600;
            color: #03182c;
            text-align: center;
        }
    }

    .filtres-search * {
        margin: 0;
        padding: 0;
    }

    #menu-filtres--container .filtres-search label,
    #menu-filtres--container .filtres-search label span {
        margin: 0;
        margin-bottom: .825rem;
        text-transform: none;
        color: #03182c;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.4;
    }

    #menu-filtres--container .filtres-search label .tag-nombre {
        color: #15293c;
        font-weight: 400;
        font-size: .875rem;
    }

    .filtres-search input {
        height: 2rem;
        width: 220px;
        overflow: hidden;
    }

    .filtres-search input[placeholder] {
        font-style: italic;
    }

    .filtres-search button {
        color: #fff;
        width: 2rem;
        height: 2rem;
        border-bottom: 1px solid #000 !important;
        background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/icon/pictos-nav/loop.svg) no-repeat center transparent;
        overflow: hidden;
    }

    #menu-filtres--body .coche-soloDispo,
    #menu-filtres--body #filtres-search-mobile,
    #menu-filtres--body .filtres-controls,
    #menu-filtres--body #filtre-group-1,
    #menu-filtres--body #filtre-group-2 {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    @media (max-width:767px) {
        #menu-filtres--body.sub-in .coche-soloDispo,
        #menu-filtres--body.sub-in #filtres-search-mobile,
        #menu-filtres--body.sub-in .zone-simple,
        #menu-filtres--body.sub-in #filtre-group-2,
        #menu-filtres--body.sub-in .zone-complexe {
            height: 0;
        }
    }

    @media (min-width:768px) {
        #menu-search--trigger {
            display: block;
        }
        #menu-filtres--body .filtres-search {
            display: none;
        }
    }
    /* COCHE SOLO DISPO */
    /*
    #menu-filtres--tags .coche-soloDispo{
        display: none;
    }
*/

    #menu-filtres--body .coche-soloDispo {
        display: block;
        z-index: 99;
    }

    .coche-soloDispo [type="checkbox"]:not(:checked),
    .coche-soloDispo [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }

    .coche-soloDispo [type="checkbox"]:not(:checked)+label,
    .coche-soloDispo [type="checkbox"]:checked+label {
        position: relative;
        padding-left: 3rem;
        cursor: pointer;
        font-weight: 600;
        font-size: 12px;
    }

    @media (min-width:768px) {
        .coche-soloDispo [type="checkbox"]:not(:checked)+label,
        .coche-soloDispo [type="checkbox"]:checked+label {
            font-size: .875rem;
        }
    }

    .coche-soloDispo [type="checkbox"]:checked+label {
        color: #03182c;
    }

    .coche-soloDispo [type="checkbox"]:not(:checked)+label {
        color: #666;
    }

    .coche-soloDispo [type="checkbox"]:not(:checked)+label:before,
    .coche-soloDispo [type="checkbox"]:checked+label:before,
    .coche-soloDispo [type="checkbox"]:not(:checked)+label:after,
    .coche-soloDispo [type="checkbox"]:checked+label:after {
        content: '';
        position: absolute;
    }

    .coche-soloDispo [type="checkbox"]:not(:checked)+label:before,
    .coche-soloDispo [type="checkbox"]:checked+label:before {
        left: 0;
        top: 0;
        width: 36px;
        height: 16px;
        background: #DDDDDD;
        border-radius: 15px;
        -webkit-transition: background-color .2s;
        -moz-transition: background-color .2s;
        -ms-transition: background-color .2s;
        transition: background-color .2s;
    }

    .coche-soloDispo [type="checkbox"]:not(:checked)+label:after,
    .coche-soloDispo [type="checkbox"]:checked+label:after {
        width: 18px;
        height: 18px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        transition: all .2s;
        border-radius: 50%;
        background: #7F8C9A;
        top: -1px;
        left: 0;
    }
    /* on checked */

    .coche-soloDispo [type="checkbox"]:checked+label:before {
        background: #34495E;
        background: #ffd076;
    }

    .coche-soloDispo [type="checkbox"]:checked+label:after {
        background: #ffd076;
        top: -1px;
        left: 20px;
        background-color: #FFFFFF;
        box-shadow: 3px 3px 18px 0px rgba(0, 0, 0, 0.3);
    }

    @media (min-width:768px) {
        #menu-filtres--header {
            /*position: sticky;
        top: 70px;*/
        }
        #menu-filtres--body .coche-soloDispo {
            display: none;
        }
        #menu-filtres--tags {
            display: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
        }
        .zone-simple {
            /*
        display: flex;
        flex-wrap: wrap;
*/
            display: block;
        }
        .zone-simple .evt-item {
            border: 0;
            margin-right: 1rem;
            display: inline-block;
        }
        .zone-simple .evt-item:last-of-type {
            /*        flex:1 100%;*/
            display: block;
        }
        .zone-complexe .sep,
        .zone-complexe .yoyo-trigger {
            width: 280px;
        }
    }
    /* test panneau coulissant sublevel */

    @media (max-width:767px) {
        #menu-filtres--body .yoyo-content {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            transform: translateX(0);
            z-index: 8;
            height: 100%;
            transition: transform .15s ease-out;
            background: #fff;
        }
        #menu-filtres--body .yoyo-container.closed .yoyo-content {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            transform: translateX(100%);
            z-index: 8;
            height: 100%;
        }
        .zone-complexe .yoyo-container.in .yoyo-content {
            display: block;
            position: fixed;
            width: 100%;
            height: 100%;
            right: 0;
            padding: 5rem 1rem 1rem;
            overflow-y: auto!important;
            z-index: 8;
            top: 0;
            left: 0;
            overflow-x: hidden;
            transform: translateX(0);
        }
    }

    input#radio-6:checked+label.Tempsforts:before {
        content: ' :';
        float: right;
    }

    label.Tempsforts:after {
        content: '(festivals, cycles, week-ends...)';
        text-transform: none;
        font-style: italic;
        opacity: .6;
        margin: .5rem;
    }
    /* ajustements bouton valider et bouton réinitialiser les filtres */
    /*
ajouter au template :
<button type="submit" class="btn btn-reinit"><span>Réinitialiser les filtres</span></button>
*/

    @media (min-width:768px) {
        #filtre-group-2 {
            margin-bottom: 1rem;
        }
        #zone-complexe {
            margin-bottom: 1rem;
        }
        .filtres-controls--desktop {
            flex: 1 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 1.5rem;
        }
        .filtres-controls--desktop .btn {
            margin: 0 1rem;
        }
        .filtres-controls--desktop .btn.btn-reinit {
            margin: 0 1rem;
            background: transparent;
            border: 1px solid #aaa !important;
            border-radius: 18px;
        }
        .filtres-controls--desktop .btn.btn-reinit span {
            color: #555;
            font-weight: 400;
        }
        .filtres-controls--desktop .btn.btn-reinit:hover {
            background: #f2f3ee;
            border-color: #333 !important;
        }
        .filtres-controls--desktop .btn.btn-reinit:hover span {
            color: #333;
        }
    }
    /* FIN : ajustements bouton valider et bouton réinitialiser les filtres */
    /* *************************************************** */
    /*    FIN :     PAGE SAISONS -- Filtres                */
    /* *************************************************** */
    /* Page exposition-travelling-guitars-guitares-de-stars - Allignement... */

    @media (min-width: 978px) {
        body.ext4.exposition-modele.guitares-de-stars.cf-rtm.pad #layout-3.col-md-12.cms-inner-layout div.col-md-4.cms-inner-zone div.frame-standard.panel.panel-front.webframe-ermes-carousel {
            height: 1060px;
        }
        body.ext4.exposition-modele.guitares-de-stars.cf-rtm.pad #layout-3.col-md-12.cms-inner-layout div.col-md-4.cms-inner-zone div.frame-standard.panel.panel-front.webframe-ermes-carousel figure {
            height: 570px;
            margin-bottom: 60px;
        }
        body.ext4.exposition-modele.guitares-de-stars.cf-rtm.pad #layout-3.col-md-12.cms-inner-layout div.col-md-4.cms-inner-zone div.frame-standard.panel.panel-front.webframe-ermes-carousel figure img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
        body.ext4.exposition-modele.guitares-de-stars.cf-rtm.pad #layout-3.col-md-12.cms-inner-layout div.col-md-4.cms-inner-zone div.frame-standard.panel.panel-front.webframe-ermes-carousel h2 {
            height: 32px;
        }
    }
    /* FIN- Page exposition-travelling-guitars-guitares-de-stars - Allignement... */
    /* bordure gris autour du robond sélection de la médiathèque */

    .border-grey-rebond {
        border: 1px solid #c1c1c1;
        padding: 16px;
    }

    .border-grey-rebond img {
        width: auto!important;
    }
    /* FIN - bordure gris autour du robond sélection de la médiathèque */

    body.ext4.exposition-modele.cf-rtm.pad.anonyme .marges-top-exep {
        margin-top: 3rem;
    }
    /* *************************************************** */
    /* Page authentification et recherche federe */
    /* *************************************************** */

    .authentification-section {
        margin: 0 auto;
        background-color: #fff;
        box-sizing: border-box;
    }

    .authentification-ancres {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .authentification-encre-item {
        background-color: #f3f2ee;
        width: 320px;
        margin: 0 auto;
        text-align: center;
        border: solid 2px #ebeae6;
        height: 220px;
        box-sizing: border-box;
        position: relative;
        margin: 15px;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
    }

    div.authentification-encre-item:hover {
        border: solid 2px #ffd076;
        -webkit-box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
        box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
    }

    .authentification-encre-item h3 {
        font-size: 1.1rem;
        text-transform: none;
        margin-top: 0px;
        margin-bottom: 0.225rem;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 700;
        letter-spacing: normal;
    }

    .authentification-encre-item p {
        font-size: 1rem !important;
        padding: 18px;
        padding-top: 10px;
    }

    .picto-authentifiaction {
        display: inline-block;
        padding-top: 20px;
    }

    .authentification-ancres a:hover .picto-arrow {
        top: 16px;
    }

    .picto-arrow {
        position: relative;
        top: -12px;
        transition: top 0.5s ease;
    }

    .picto-arrow-auth-usagers {
        position: absolute;
        top: 13px;
        left: 20px;
        transition: top 0.5s ease;
    }

    .encres-authentification-des-usagers-ctn a:hover .picto-arrow-auth-usagers {
        top: 30px;
    }
    /* -----------------------------*/

    .authent-section {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        height: 291px;
        align-content: center;
        align-items: center;
        border-bottom: solid 8px #ffd076;
        margin-bottom: 50px;
    }

    .authent-section-titre {
        width: 50%;
        text-align: left;
        position: relative;
        background-color: #F3F2EE;
        height: 291px;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .authent-section-titre-right {
        width: 50%;
        text-align: left;
        position: relative;
        background-color: #F3F2EE;
        height: 291px;
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }

    .authent-section-titre-ctn {
        width: 500px;
        padding-right: 50px;
        text-align: left;
    }

    .authent-section-titre-ctn-right {
        width: 500px;
        padding-left: 50px;
        text-align: left;
    }

    .authent-section-titre-ctn h2 span {
        text-align: left;
        font-size: small;
    }

    .authent-section-titre-ctn h2 {
        text-align: left;
        padding-left: 32px;
    }

    .authent-section-titre-ctn-right h2 span {
        text-align: left;
        font-size: small;
    }

    .authent-section-titre-ctn-right h2 {
        text-align: left;
    }

    .authent-section-img {
        width: 50%;
        background-image: url("images/authentification-unique/usagers.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 291px;
        background-position: center;
    }

    .authent-section-img-ip {
        width: 50%;
        background-image: url("images/authentification-unique/acces.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 291px;
        background-position: center;
    }

    .authent-section-img-notices {
        width: 50%;
        background-image: url("images/authentification-unique/notices.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 291px;
        background-position: center;
    }

    .picto-bgd {
        position: absolute;
        left: 100px;
        top: -120px;
        opacity: 0.1;
        width: 300px;
        height: 300px;
    }

    .picto-bgd-right {
        position: absolute;
        right: 100px;
        top: -120px;
        opacity: 0.1;
        width: 300px;
        height: 300px;
    }

    .authentification-des-usagers-contents {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 100px;
    }

    .encres-authentification-des-usagers-ctn {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        margin-bottom: 50px;
    }

    .encres-authentification-des-usagers-ctn a:hover .encre-auth-des-usagers {
        -webkit-box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
        box-shadow: 10px 15px 39px -3px rgba(0, 0, 0, 0.12);
    }

    .encre-auth-des-usagers {
        width: 450px;
        height: 100%;
        background-color: #F3F2EE;
        text-align: center;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid 2px #ebeae6;
        position: relative;
        margin: 10px;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
    }

    p.encre-text {
        margin-bottom: 0px;
    }

    p.padding-btn {
        margin-bottom: 50px;
    }

    .sso {
        text-align: center;
    }

    .sso h3 {
        margin-top: 100px;
        font-size: 1.3rem!important;
        background-color: #F3F2EE;
        padding: 20px;
    }

    .sso h4 {
        margin-top: 60px;
    }

    .sso p {
        text-align: left;
    }

    .sso li {
        text-align: left;
        list-style-type: disc;
        margin-left: 18px;
        padding-right: 18px;
    }

    .majuscules-auth {
        text-transform: uppercase;
    }

    .sso-tables-ctn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }

    .sso-colon {
        width: 366px;
        display: inline-block;
        padding: 20px;
        border: solid 3px #F3F2EE;
    }

    .colon-title {
        border-bottom: solid 3px #F3F2EE;
        ;
    }

    .colon-title p {
        margin-bottom: 18px;
    }

    .sso li.sso-colon {
        margin-left: -3px;
    }

    .colon-text {
        padding-top: 20px;
    }

    .colon-text p {
        margin-bottom: 0px;
    }

    .etapes-form {
        display: flex;
        justify-content: start;
        flex-direction: row;
        margin-bottom: 60px;
        margin-top: 60px;
    }

    .etapes-form-1 {
        width: 42%;
        background-image: url('images/authentification-unique/1.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .etapes-form-2 {
        width: 42%;
        background-image: url('images/authentification-unique/2.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .next-steps {
        width: 16%;
        background-image: url('images/authentification-unique/arrow-next.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    p.align-left-text {
        text-align: left;
    }

    body.auth-new .panel-body {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    body.auth-recherche-federe div#carousel-ID0EEAAA,
    body.auth-recherche-federe div#carousel-ID0EDAAA {
        max-width: 5000px !important;
    }

    h4.text-encre-authentification {
        padding-right: 15px;
        padding-left: 15px;
        letter-spacing: normal;
        font-size: 1.1rem;
    }

    .auth-contactez-nous {
        text-align: center;
    }

    @media (min-width: 300px) and (max-width: 767.98px) {
        .authent-section {
            flex-direction: column;
        }
        .authent-section-titre {
            width: 100%;
            justify-content: center;
            text-align: center;
        }
        .authent-section-titre-ctn {
            padding-right: 0px;
            padding: 20px;
            padding-bottom: 0px;
        }
        .authent-section-titre-ctn h2 {
            padding-left: 0px;
            text-align: center;
            margin-bottom: 0px;
        }
        .authent-section-titre-ctn h2 span {
            text-align: center;
            margin-bottom: 10px;
        }
        .picto-bgd {
            left: initial;
            top: -90px;
            width: 200px;
        }
        .authent-section-img {
            width: 100%;
        }
        .picto-arrow {
            display: none;
        }
        .encre-auth-des-usagers {
            width: 360px;
        }
        .authentification-encre-item {
            height: 172px;
        }
        .sso-tables-ctn {
            flex-direction: column;
            align-items: center;
        }
        .sso-colon {
            width: 100%;
        }
        .sso li.sso-colon {
            margin-top: -3px;
        }
        .authent-section-img-notices {
            width: 100%;
        }
        .picto-arrow-auth-usagers {
            display: none;
        }
        .etapes-form {
            flex-direction: column;
            align-items: center;
        }
        .etapes-form-1,
        .etapes-form-2 {
            width: 80%;
        }
        .next-steps {
            height: 80px;
            background-image: url('images/authentification-unique/arrow-next-m.svg');
            width: 30%;
        }
        #acces-institution .authent-section {
            flex-direction: column-reverse;
        }
        .picto-bgd-right {
            left: initial;
            right: initial;
            top: -104px;
            width: 200px;
        }
        .authent-section-titre-ctn-right {
            padding-left: 0px;
            text-align: center;
            padding-bottom: 0px;
        }
        .authent-section-titre-ctn-right h2 {
            text-align: center;
            margin-bottom: 10px;
        }
        .authent-section-titre-ctn-right h2 span {
            text-align: center;
            margin-bottom: 10px;
        }
        .authent-section-titre-right {
            width: 100%;
            justify-content: center;
        }
        .authent-section-img-ip {
            width: 100%;
        }
    }

    body.auth div.frame.frame-portalcarouselwebframefactory.auth-section>div.frame-standard.panel.panel-front.webframe-ermes-carousel.auth-section.integration-notices-sec {
        padding-bottom: 0rem!important
    }

    body.auth div.frame.frame-portalcarouselwebframefactory.auth-section>div.frame-standard.panel.panel-front.webframe-ermes-carousel.auth-section.tableau-integration-notices {
        padding-top: 30px!important;
        padding-bottom: 0rem!important
    }

    .integration-notices-sec .authentification-des-usagers-contents {
        margin-bottom: 30px !important;
    }

    .auth-contactez-nous {
        margin-bottom: 60px !important;
    }

    table.tab-fed-search th {
        font-weight: 700;
        background: none!important;
    }

    .tab-fed-search-yw4l,
    .tab-fed-search-031e {
        border: solid 3px #F3F2EE !important;
    }
    /* Page mode-d-emploi--------- */

    .administrer-section-img {
        width: 50%;
        background-image: url("images/mode-d-emploi/clavier.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 291px;
        background-position: center;
    }

    .utilisaturs-section-img {
        width: 50%;
        background-image: url("images/mode-d-emploi/utilisateurs.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 291px;
        background-position: center;
    }

    body.modedemploi h3.panel-title {
        font-size: 1.3rem !important;
        padding: 0px;
        color: #000;
        font-family: 'Philharmonique SemiBold', sans-serif;
        text-transform: uppercase;
        margin: 1rem;
        margin-right: 70px;
        line-height: inherit;
    }

    body.modedemploi .mode-emploi-accordion .panel-body {
        background-color: #fff;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 1.1rem !important;
    }

    body.modedemploi .mode-emploi-accordion .panel {
        margin-bottom: 0.7rem;
        background-color: #fff;
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    body.modedemploi .mode-emploi-accordion .panel.panel-default div.panel-heading {
        background-color: #F3F2EE!important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    body.modedemploi .panel.panel-default a.collapse-title-mode-emploi {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 5px;
        box-sizing: border-box;
    }

    body:not(.home).modedemploi #page .panel-heading {
        padding-left: .0rem !important;
        padding-right: .0rem !important;
        padding: .0rem!important;
    }

    body.modedemploi .panel-group .panel-heading+.panel-collapse .panel-body {
        border-top: none!important;
    }

    body.modedemploi .panel.panel-default .panel-heading {
        border: solid 2px #f3f2ee!important;
        border-radius: 0px!important;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
    }

    body.modedemploi .panel.panel-default .panel-heading:hover {
        border-color: #a2a19e!important;
    }

    body.modedemploi a.collapse-title-mode-emploi {
        position: relative;
    }

    body.modedemploi a.collapse-title-mode-emploi.collapsed::after {
        content: url('/ui/skins/MEDIA/images/mode-d-emploi/plus.svg');
        position: absolute;
        width: 36px;
        height: 36px;
        right: 20px;
        top: calc(50% - 18px);
    }

    body.modedemploi a.collapse-title-mode-emploi::after {
        content: url('/ui/skins/MEDIA/images/mode-d-emploi/moins.svg');
        position: absolute;
        width: 36px;
        height: 36px;
        right: 20px;
        top: calc(50% - 18px);
    }

    i.italic-infos {
        color: rgb(164, 164, 164);
    }

    .infos-block {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 3rem;
        margin-top: 2rem;
    }

    .infos-block div img {
        width: 36px;
        height: 36px!important;
        max-width: 35px!important;
        margin-right: 4px;
    }

    .tow-col-flex,
    .tree-col-flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .tree-col-flex {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .one-of-three-col-item {
        width: 30%;
        position: relative;
    }

    .one-of-three-col-item img {
        position: absolute;
        left: calc(50% - 100px);
        top: calc(50% - 100px);
        max-width: 200px!important;
        max-height: 200px!important;
        z-index: 1;
    }

    .one-of-three-col-item p {
        position: relative;
        z-index: 2;
    }

    .one-col-item {
        width: 46%;
    }

    .circle-list li {
        text-align: left;
        list-style-type: disc;
        margin-left: 18px;
    }

    body.modedemploi .mode-emploi-accordion .panel-body {
        margin-bottom: 3rem!important;
    }

    .underline-text-p {
        text-decoration: underline;
    }

    .section-collapse-h4 {
        margin-bottom: 7.5rem;
    }

    body.modedemploi .mode-emploi-accordion {
        padding-bottom: 3rem !important;
    }

    .etape-bgd {
        position: relative;
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .etape-bgd img {
        position: absolute;
        left: calc(50% - 100px);
        top: calc(50% - 100px);
        max-width: 200px!important;
        max-height: 200px!important;
        z-index: 1;
    }

    .etape-bgd p {
        position: relative;
        z-index: 2;
    }

    .marges-top-p {
        margin-top: 3rem;
    }

    .acces-section-img {
        width: 50%;
        background-image: url("images/mode-d-emploi/acces-utilisateurs.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        height: 291px;
        background-position: center;
    }

    .p-inline {
        margin-top: 1.5rem;
        margin-bottom: 3.5rem;
    }

    .p-inline p {
        display: inline;
        margin-right: 50px;
    }

    body.modedemploi .cta .container.center p {
        display: inline-block;
    }

    body.modedemploi .cta .container.center p a.btn-default.btn {
        min-width: 200px;
        margin: 8px;
    }

    body.modedemploi div.cta h2#title-29144 {
        margin-top: 3rem;
    }

    @media (min-width: 300px) and (max-width: 767.98px) {
        .administrer-section-img,
        .acces-section-img,
        .utilisaturs-section-img {
            width: 100%;
        }
        .tow-col-flex,
        .tree-col-flex {
            flex-direction: column;
        }
        .one-col-item {
            width: 70%;
            margin: 2rem;
        }
        .one-of-three-col-item {
            width: 70%;
            margin: 4rem;
        }
    }
    /* *************************************************** */
    /* Colloque apprentissage collectif */
    /* *************************************************** */

    .colloque-appr-collectifs .heroTexte h2 {
        color: #fff;
    }

    .date-colloque {
        margin: 0 auto;
    }

    .date-colloque h3 {
        text-align: center;
        padding: 42px;
        max-width: 1090px;
        background-color: #FFF5E1;
        border: solid 2px #FFF5E1;
        margin-bottom: 0.7rem !important;
        margin: 0 auto;
        font-size: 1.3rem !important;
        font-weight: 700;
    }

    .colloque-appr-collectifs a.collapse-title-mode-emploi {
        display: flex !important;
        justify-content: space-between;
        align-items: inherit;
        flex-direction: row;
    }

    .colloque-appr-collectifs .collapse-title-mode-emploi h3.panel-title {
        display: inline-block;
        width: 55%;
        margin-right: 0px !important;
        font-size: 1.1rem!important;
    }

    .ticket-colloque {
        width: 20%;
        text-align: center;
        display: inline-block;
    }

    .colloque-appr-collectifs .collapse-title-mode-emploi .ticket-colloque p {
        width: max-content;
        border: 1px solid #333;
        text-align: center;
        padding: 1px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 2px auto;
        background-color: #e6e1d852;
        font-size: 0.8rem !important;
    }

    .horraire-colloque {
        width: 20%;
        text-align: center;
        display: inline-block;
    }

    .colloque-appr-collectifs .collapse-title-mode-emploi .horraire-colloque p {
        margin-bottom: 0;
        margin-right: 50px;
        text-align: center;
        font-size: 1.1rem!important;
        width: max-content;
        padding-left: 10px;
        margin-left: 10px;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        align-content: center;
    }

    div.pause .collapse-title-mode-emploi {
        background-color: #fff;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .underlined-href:hover {
        text-decoration: underline!important;
    }

    .colloque-appr-collectifs #accordion .panel-body,
    .colloque-appr-collectifs #accordion-a .panel-body {
        border: 2px solid #f3f2ee;
        margin-bottom: 0rem !important;
    }

    .colloque-appr-collectifs #accordion .panel-body .btn-default.btn,
    .colloque-appr-collectifs #accordion-a .panel-body .btn-default.btn {
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .colloque-appr-collectifs .center.head-mode-emploi {
        max-width: 1090px;
        text-align: left;
        margin: 0 auto;
    }

    body.auth.colloque-appr-collectifs div.frame.frame-portalcarouselwebframefactory.auth-section>div.frame-standard.panel.panel-front.webframe-ermes-carousel.auth-section.intro-gree {
        background-color: #F3F2EE;
        margin: 0 auto;
        padding-top: 2rem!important;
        padding-bottom: 2rem!important;
    }

    .intervenant-profil {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
    }

    .intervenant-colloque {
        max-width: 1090px!important;
        margin: 0 auto!important;
        margin-bottom: 3rem!important;
        border-bottom: 2px solid #ebeae6;
        padding-bottom: 14px;
    }

    .intervenant-photo {
        width: 100px;
        height: 100px;
        min-width: 100px;
        max-width: 100px;
        min-height: 100px;
        max-height: 100px;
    }

    .intervenant-photo img {
        object-fit: cover;
        height: 100% !important;
        width: 100% !important;
        border-radius: 50%;
        box-shadow: 0 4px 9px 0 #ccc;
        filter: grayscale(60%);
    }

    .intervenant-job {
        margin-bottom: 0px;
    }

    .intervenant-bio {
        margin-top: 1rem;
        text-align: justify;
    }

    .intervenant-title {
        margin-left: 14px;
    }

    .intervenant-title p {
        margin-bottom: 0px;
    }

    .intervenant-title b {
        color: #7e7e7e;
    }

    .colloque-appr-collectifs .panel.panel-default .panel-heading:hover {
        background-color: #cfcecb !important;
    }

    .pause {
        pointer-events: none;
    }

    .organisateurs-colloque {
        max-width: 1100px;
        margin: 0 auto;
    }

    .organisateurs-colloque h3 {
        font-size: 1.3rem !important;
        margin-bottom: 0.7rem !important;
    }

    .organisateurs-block {
        margin-bottom: 4rem;
    }

    .organisateur-title b {
        color: #7e7e7e !important;
    }

    .colloque-mode-emploi {
        max-width: 1100px;
        margin: 0 auto;
        padding: 26px;
        border: 2px solid #ffd076;
        box-shadow: 0 -1px 23px rgba(0, 0, 0, .1);
        text-align: justify;
    }

    .colloque-mode-emploi p {
        margin-bottom: 0px;
    }

    .colloque-mode-emploi i {
        color: rgb(164, 164, 164);
    }

    body.auth.colloque-appr-collectifs div.frame.frame-portalcarouselwebframefactory.auth-section>div.frame-standard.panel.panel-front.webframe-ermes-carousel.auth-section {
        padding-top: 0.125rem !important;
        padding-bottom: 5.125rem !important;
    }

    h2.colloque-title-head,
    .event-colloque,
    .colloque-date {
        margin-bottom: 0px !important;
    }

    .event-colloque {
        position: relative;
        font-size: 1.5rem;
        margin-left: 30px !important;
        margin-top: 2rem !important;
    }

    .event-colloque::before {
        content: url('/ui/skins/MEDIA/images/icon/icon-live.svg');
        position: absolute;
        width: 38px;
        height: 22px;
        left: -42px;
        top: calc(50% - 13px);
    }

    .colloque-appr-collectifs .container.heroTexte {
        margin-bottom: 0px !important;
        margin-top: 1rem;
    }
    /* Programme v-2 avec btn rejoindre dans le panel  */

    .with-btn-join .collapse-title-mode-emploi h3.panel-title {
        width: 51%!important;
    }

    .with-btn-join .ticket-colloque {
        width: 10%;
    }

    .with-btn-join .horraire-colloque {
        width: 37%;
    }

    .with-btn-join .colloque-rejoindre {
        position: absolute;
        right: 9%;
    }

    .with-btn-join div.panel-heading.without-padding {
        position: relative;
    }

    .colloque-rejoindre img {
        margin-left: 7px;
    }
    /* section "À voir aussi" */

    .colloque-appr-collectifs #programme-colloque-04 h3 {
        margin-bottom: 0.5rem !important;
        color: #000 !important;
    }

    .colloque-appr-collectifs #programme-colloque-04 p {
        line-height: 1.2rem !important;
    }

    .colloque-appr-collectifs #programme-colloque-04 h2 {
        color: #000;
    }

    @media (min-width: 300px) and (max-width: 1000px) {
        .colloque-appr-collectifs a.collapse-title-mode-emploi {
            display: flex !important;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column-reverse;
        }
        .colloque-appr-collectifs .collapse-title-mode-emploi .ticket-colloque p {
            margin-left: 15px;
        }
        .colloque-appr-collectifs .collapse-title-mode-emploi .horraire-colloque p {
            margin-left: 5px;
            margin-top: 14px;
            margin-bottom: 10px;
        }
        .colloque-appr-collectifs .collapse-title-mode-emploi h3.panel-title {
            width: 80%;
        }
    }

    @media (min-width: 664px) and (max-width: 1000px) {
        .with-btn-join .colloque-rejoindre {
            right: 12%;
        }
    }

    @media (min-width: 300px) and (max-width: 664px) {
        .with-btn-join .colloque-rejoindre {
            right: 10px;
            top: 10px;
        }
    }

    .desactiver-colloque a.btn.btn-default.center {
        cursor: not-allowed;
    }

    .icon-pdf-ctn {
        margin: 1rem auto;
        max-width: 1100px;
        text-align: center;
        padding: 6px;
    }

    a.icon-pdf {
        line-height: 2.2;
        display: inline-block;
        width: max-content;
        padding: 3px 10px 3px 10px;
        color: #333 !important;
        background: #f3f2ee;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
        min-width: 300px;
    }

    a.icon-pdf img {
        margin-left: 12px;
        margin-bottom: 2px;
    }

    a.icon-pdf:hover {
        background: #e5e4df;
    }

    .logos-colloque {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .logos-colloque img {
        max-height: 60px!important;
        min-height: 60px!important;
        ;
        margin: 10px;
        margin-top: 30px;
        max-width: 170px!important;
    }

    .colloque-appr-collectifs .frame-portalcarouselwebframefactory.hero,
    .colloque-appr-collectifs .frame-portalcarouselwebframefactory.hero .hero {
        min-height: 415px !important;
    }

    .colloque-appr-collectifs h3.yoyo-trigger {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    @media (min-width: 300px) and (max-width: 664px) {
        .colloque-appr-collectifs .frame-portalcarouselwebframefactory.hero,
        .colloque-appr-collectifs .frame-portalcarouselwebframefactory.hero .hero {
            min-height: 501px !important;
        }
    }

    .fr-en {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #ffd076;
        text-align: center;
        border-radius: 50%;
        color: #000!important;
    }

    .btn-lang .fr-en {
        color: #000!important;
        margin: 0px !important;
    }

    .fr-en b {
        color: #000!important;
    }

    .ctn-btn-lang {
        position: absolute;
        top: 90px;
        right: -119px;
        z-index: 1;
        transition: all 0.6s ease-out;
    }

    .ctn-btn-lang:hover {
        right: 0px;
    }

    .btn-lang {
        display: inline-block;
        background-color: #fff;
        width: 160px;
        height: 40px;
        line-height: 40px;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-evenly;
        text-align: center;
        text-decoration: none;
        color: #000 !important;
        box-shadow: 0 -1px 28px rgb(0 0 0 / 15%);
        border-radius: 20px 0px 0px 20px;
    }

    .metier-orchestre .with-btn-join .colloque-rejoindre {
        display: none;
    }

    .metier-orchestre.marche-chine .with-btn-join .colloque-rejoindre {
        display: initial;
    }

    .colloque-mode-emploi .colloque-rejoindre {
        margin-top: 25px;
    }

    .metier-orchestre #myvideoDeborahBorda {
        margin-bottom: 10px;
    }

    .metier-orchestre.marche-chine .with-btn-join .collapse-title-mode-emploi h3.panel-title {
        width: 39% !important;
    }

    .metier-orchestre.marche-chine .with-btn-join .horraire-colloque {
        width: 44%;
    }
    /* ************************************************************************* */
    /* FIN - Page authentification unique + mode d'emploi + colloque en ligne     */
    /* ************************************************************************* */
    /* ************************************************************************* */
    /* Encart maintenance - Page d'accueil
/* ************************************************************************* */

    .ctn-maintenance {
        position: absolute;
        right: 16px;
        top: 201px;
    }

    #maintenance {
        width: 280px;
        border: 1px solid rgb(205, 205, 205);
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        color: #333;
        position: relative;
        padding: 5px;
        box-shadow: 0 4px 9px 0 #ccc;
    }

    #maintenance p {
        margin: 5px 20px 5px 5px;
        display: inline-block;
        font-size: 12px !important;
    }

    #icon-close {
        position: absolute;
        right: 6px;
        top: 2px;
        background: none;
        cursor: pointer;
    }

    #icon-close:focus {
        outline: none;
    }

    .icon-maintenance {
        margin-right: 10px;
        margin-left: 10px;
    }

    @media (min-width: 200px) and (max-width: 835px) {
        .ctn-maintenance {
            display: none;
        }
    }
    /* ************************************************************************* */
    /* FIN - Encart maintenance - Page d'accueil
/* ************************************************************************* */
    /* */

    .modele_4.model-html.accordeonErmes {
        padding: 1.5rem;
        box-shadow: 0 4px 9px #ccc;
        margin-bottom: 4rem;
    }
    /*
.accordeonErmes .panel-heading a::after {
	content: "Lire la suite...";
	display: block;
	color: royalblue;
	font-size: .875rem;
	margin-top: .5rem;
	text-decoration: underline;
}
*/

    .accordeonErmes .panel-heading a::after,
    .accordeonErmes .panel-heading a.collapsed::after {
        content: "Lire la suite...";
        display: block;
        color: royalblue;
        font-size: .875rem;
        margin-top: .5rem;
        text-decoration: underline;
    }

    .accordeonErmes .panel-heading a[class=""]:after {
        content: "Réduire";
        display: block;
        opacity: .5;
        /*! height: 0; */
    }

    .accordeonErmes a:focus,
    .accordeonErmes .panel-title:focus {
        border: 0 !important;
        outline: none !important;
    }

    .accordeonErmes .panel-title {
        line-height: inherit;
    }
    /*
.accordeonErmes .panel-title::after {
    content: "Lire la suite...";
    display: block;
    color: royalblue;
    font-size: .875rem;
    margin-top: .5rem;
    text-decoration: underline;
}
*/

    .accordeonErmes .panel-body {
        border-top: 0!important;
        padding-bottom: 2rem;
    }

    .deTrop {
        margin: 0;
        line-height: 0;
    }
    /* ************************************************************************* */
    /* Nouvelle page selections PAD
/* ************************************************************************* */

    .selection-pad-gsheet .filtres-bloc--container {
        margin-top: 2rem;
    }

    .selection-pad-gsheet #content {
        max-width: 1100px;
        margin: 0 auto;
    }

    .selection-pad-gsheet .docType,
    .selection-pad-gsheet .timeInfo,
    .selection-pad-gsheet .icon-docType {
        display: none;
    }

    .selection-pad-gsheet .infoMain {
        justify-content: center;
    }

    .selection-pad-gsheet .listeDocs-item.misEnAvant .infoMain {
        justify-content: flex-start!important;
    }

    .selection-pad-gsheet ul.listeDocs .listeDocs-item>a {
        height: 140px;
    }

    .selection-pad-gsheet ul.listeDocs .listeDocs-item.misEnAvant a {
        height: auto;
    }

    .selection-pad-gsheet ul.listeDocs .listeDocs-item--image {
        height: 140px;
    }

    .selection-pad-gsheet #seeMore {
        margin-bottom: 3.5rem;
    }
    /* ************************************************************************* */
    /* FIN - Nouvelle page selections PAD
/* ************************************************************************* */
    /* ************************************************************************* */
    /* Nouveaux footer  PAD
/* ************************************************************************* */

    footer .icon-f {
        width: 32px;
        height: 32px;
        margin-top: 0px;
        position: inherit;
        filter: grayscale(1);
    }

    footer p {
        color: #434343;
        line-height: inherit;
    }

    .l-region.footer-mediaPP {
        background-color: #292929;
        width: 100%;
        padding: 75px 0 0!important;
        margin-top: 3em;
    }

    .sec-footer-a {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 36px;
        padding: 0 36px;
        max-width: 1600px;
        margin: 0 auto;
    }

    .contact-horraire-footer {
        grid-column: span 3;
        display: flex;
        flex-direction: row;
    }

    .logo-slogan-adress-footer {
        background-color: #fff;
        width: 100%;
        border-radius: 16px 0px 0px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: start;
        color: #434343;
    }

    .logo-pp-footer {
        width: 115px;
        margin: 40px 0 32px 0;
    }

    .slogan-footer {
        font-style: italic;
        font-size: 1rem;
        width: 50%;
        font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    }

    .adress-footer {
        margin: 81px 0 22px 0;
        font-weight: 600;
        font-size: 1rem;
        display: inline-flex;
        align-items: center;
        width: 100%;
        justify-content: center;
    }

    .transport-footer {
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin-bottom: 3rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pantin-footer {
        margin-bottom: 1px;
    }

    .metros-footer {
        line-height: 22px;
    }

    .picto-circle-footer {
        width: 22px;
        height: 22px;
        font-size: .75rem;
        font-weight: bold;
        border: 1px solid #434343;
        border-radius: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: inline-block;
        line-height: 21px;
        margin-left: 1rem;
        margin-right: .25rem;
    }

    .footer-contact {
        background-color: #f3f2ee;
        width: 44%;
        border-radius: 0px 16px 16px 0px;
        display: flex;
        flex-direction: column;
        padding-top: 36px;
        padding-bottom: 36px;
        justify-content: space-around;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .titre-bloc-contact-footer {
        display: inline-flex;
        align-items: center;
    }

    .contact-subtitle-footer {
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
        font-weight: 600;
        font-size: 1.25rem;
        color: #434343;
        margin: 0px !important;
    }

    .btn-footer a {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'SourceSansPro', 'Source Sans Pro Semibold', SourceSansPro, sans-serif;
        font-weight: 600;
        margin-left: 32px;
        height: 40px;
        border: solid 1px #434343 !important;
        font-size: .75rem !important;
        border-radius: 25px;
        padding: 1px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        margin-bottom: 1.5rem;
        margin-top: .5rem;
        color: #434343;
    }

    .btn-footer a:hover {
        background-color: #ffd076;
        color: #434343;
    }

    .info-footer {
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
        color: #434343;
        font-size: .875rem;
        margin-left: 32px;
        margin-bottom: 1rem;
    }

    .info-footer a {
        color: #434343;
        font-weight: bold;
        font-size: .875rem;
    }

    .info-footer a:hover {
        color: #434343;
    }

    .info-footer a:focus {
        color: #434343;
    }

    .info-footer p {
        font-size: .875rem;
    }

    .soutenez-librairie-social-footer {
        display: grid;
        grid-gap: 36px;
        width: 100%;
        grid-template-rows: repeat(5, 1fr);
    }

    .block-soutenez-footer,
    .block-librairie-footer {
        grid-row: span 2;
        border: 1px solid #fff;
        border-radius: 16px;
        padding: 18px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .block-soutenez-footer p,
    .block-librairie-footer p {
        color: #fff;
        font-size: .875rem;
        margin: 14px 0 14px 0;
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
        font-size: .875rem;
    }

    .block-soutenez-footer h2,
    .block-librairie-footer h2 {
        color: #fff;
        font-size: 1.25rem;
        text-align: left;
        font-family: 'Philharmonique', sans-serif;
        font-weight: 400;
        font-size: 1.25rem;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    a.btn-footer-plein {
        border: 1px solid #fff !important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-family: 'SourceSansPro', 'Source Sans Pro Semibold', SourceSansPro, sans-serif;
        font-weight: 600;
        height: 40px;
        font-size: .75rem !important;
        border-radius: 25px;
        padding: 1px 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        margin-top: .5rem;
        color: #fff;
    }

    a.btn-footer-plein:hover {
        background-color: #ffd076;
        border-color: #ffd076 !important;
        color: #434343;
    }

    a.btn-footer-plein .icon-f {
        margin-right: 7px;
    }

    a.btn-footer-plein:hover .icon-f {
        filter: invert(0.8);
    }

    .social-footer {
        grid-row: span 1;
        border: 1px solid #fff;
        padding: 20px;
        border-radius: 16px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
    }

    .social-footer a {
        height: 32px;
    }

    .social-footer .icon-f:hover {
        filter: brightness(0.8);
    }

    .partners-footer {
        grid-row: 2;
        grid-column: 1 / 5;
        padding-top: .3rem;
    }

    .menu-partners-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style-type: none;
        padding-left: 0px;
        margin: 0px;
    }

    .block-partners-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style-type: none;
        padding-left: 0px;
        margin: 0 -0.5rem;
    }

    .block-partners-footer li {
        margin-left: .5rem;
        margin-right: .5rem;
    }

    .partner-logo {
        max-height: 58px;
        width: 121px;
        filter: brightness(0.8);
    }

    .partner-logo-max-height {
        max-width: 70px;
        margin-right: .6rem;
        filter: brightness(0.8);
    }

    .partner-logo-max-height:hover {
        filter: brightness(1);
    }

    .partner-logo:hover {
        filter: brightness(1);
    }

    .menu-useful-links-ctn {
        grid-row: span 3;
        grid-column: 1 / 5;
        background-color: #00000070;
        border-radius: 16px;
        padding: 27px !important;
        margin-bottom: 64px;
    }

    .menu-useful-links {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style-type: none;
        padding-left: 0px;
    }

    .menu-useful-links a {
        color: #c2c2be;
        font-family: 'SourceSansPro', 'Source Sans Pro', SourceSansPro, sans-serif;
        font-size: .875rem;
        font-weight: 600;
    }

    .menu-useful-links a:hover {
        color: #fff;
    }

    .menu-useful-links li {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .menu-useful-links li.link-info-footer a:hover {
        text-decoration: underline!important;
    }

    .btn-footer a:visited {
        background-color: #ffd076 !important;
        color: #434343;
    }

    .btn-footer a:focus {
        background-color: #ffd076 !important;
        color: #434343;
        border: solid 1px #434343;
    }

    @media (min-width: 1450px) {
        .info-footer a {
            margin-right: 48px;
        }
    }

    @media (max-width: 1210px) {
        .contact-horraire-footer {
            grid-column: span 4;
            display: flex;
            flex-direction: row;
        }
        .soutenez-librairie-social-footer {
            grid-column: span 4;
            grid-row: 2;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(2, 1fr);
            grid-gap: 36px;
        }
        .block-soutenez-footer {
            grid-column: span 2;
            grid-row: span 2;
        }
        .block-librairie-footer {
            grid-column: span 2;
            grid-row: span 2;
        }
        .social-footer {
            grid-column: span 4;
            grid-row: span 1;
        }
        .partners-footer {
            grid-row: span 1;
            grid-column: span 4;
        }
        .menu-useful-links-ctn {
            grid-row: span 1;
        }
        .info-footer {
            max-width: 190px;
        }
    }

    @media (max-width: 1078px) {
        .menu-partners-footer {
            flex-direction: column;
        }
        .societe-generale-footer {
            margin-bottom: 2.5rem;
            margin-top: 3rem;
        }
    }

    @media (max-width: 888px) {
        .contact-horraire-footer {
            flex-direction: column;
        }
        .adress-footer {
            margin: 46px 0 22px 0;
        }
        .footer-contact {
            width: 100%;
            padding: 0px;
            border-radius: 0px 0px 16px 16px;
            text-align: center;
            padding-top: 36px;
            padding-bottom: 36px;
        }
        .btn-footer a {
            margin: 0 auto;
            margin-bottom: 1.5rem;
            margin-top: .5rem;
        }
        .logo-slogan-adress-footer {
            border-radius: 16px 16px 0px 0px;
        }
        .info-footer {
            max-width: initial;
            max-width: 239px;
            margin: 0 auto;
        }
    }

    @media (max-width: 600px) {
        .block-soutenez-footer {
            grid-column: span 4;
            grid-row: span 2;
        }
        .block-librairie-footer {
            grid-column: span 4;
            grid-row: span 2;
        }
        .block-partners-footer {
            flex-flow: row wrap;
            justify-content: space-around;
        }
        .partner-logo {
            margin-bottom: 1rem;
        }
        .menu-useful-links {
            flex-flow: row wrap;
            justify-content: start;
        }
        .menu-useful-links li {
            padding: 1rem 2rem 2rem 1rem;
        }
        .info-footer {
            max-width: 239px;
            margin: 0 auto;
        }
    }
    /* ************************************************************************* */
    /*FIN -  Nouveaux footer  PAD
/* ************************************************************************* */
    /* ************************** */
    /* PAGEs Boites à outils 2021 */
    /* ************************** */
    /*  LA MARSEILLAISE */

    .bao-marseillaise #page>div.contenu #portal>.layout #zone-2>div:nth-of-type(2) .frame.hero,
    .bao-marseillaise #page>div.container #portal>.layout #zone-2>div:nth-of-type(2) .frame.hero {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 59, 0.4)), color-stop(99%, #001b3b));
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 59, 0.4)), color-stop(99%, #001b3b)), url(https://drop.philharmoniedeparis.fr/Edutheque/bg-bao-marseillaise.jpg);
        background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/bg-bao-marseillaise.jpg);
        background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/bg-bao-marseillaise.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    /* MR CROCODILE A BEAUCOUP FAIM */

    .bao-crocodile #page>div.contenu #portal>.layout #zone-2>div:nth-of-type(2) .frame.hero,
    .bao-crocodile #page>div.container #portal>.layout #zone-2>div:nth-of-type(2) .frame.hero {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 59, 0.4)), color-stop(99%, #001b3b));
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 59, 0.4)), color-stop(99%, #001b3b)), url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000012100/Joann-Sfar-Gallimard.jpg);
        background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000012100/Joann-Sfar-Gallimard.jpg);
        background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000012100/Joann-Sfar-Gallimard.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    body[class*="bao-"] .frame-portalcarouselwebframefactory.hero .hero {
        background-color: transparent;
        padding: 85px 0 85px;
    }

    .event-live .icon-live::before {
        content: url(/ui/skins/CIMU/images/icon-live.svg);
        display: inline-block;
        width: 50px;
        height: 45px;
        vertical-align: middle;
        margin: 0 1rem;
    }

    .content-oe-modele #page>div.contenu .only-content figure {
        padding-bottom: 0;
    }

    @media (max-width:319px) {
        body[class*="bao-"] .iframe-responsive iframe,
        .bao-marseillaise .iframe-responsive iframe {
            height: 189px;
        }
    }

    @media (min-width:320px) and (max-width:379px) {
        body[class*="bao-"] .iframe-responsive iframe,
        .bao-marseillaise .iframe-responsive iframe {
            height: 219px;
        }
    }

    @media (min-width:380px) and (max-width:544px) {
        body[class*="bao-"] .iframe-responsive iframe,
        .bao-marseillaise .iframe-responsive iframe {
            height: 269px;
        }
    }

    @media (min-width:545px) and (max-width:645px) {
        body[class*="bao-"] .iframe-responsive iframe,
        .bao-marseillaise .iframe-responsive iframe {
            height: 369px;
        }
    }

    @media (min-width:992px) and (max-width:1200px) {
        body[class*="bao-"] .iframe-responsive iframe,
        .bao-marseillaise .iframe-responsive iframe {
            height: 369px;
        }
    }

    .bao-marseillaise #page .contenu h2,
    .bao-marseillaise #page .contenu h2 span,
    .bao-marseillaise .dossier-oe-modele #page .contenu h2,
    .bao-marseillaise .dossier-oe-modele #page .contenu h2 span,
    body[class*="bao-"] #page .contenu h2,
    body[class*="bao-"] #page .contenu h2 span,
    body[class*="bao-"] .dossier-oe-modele #page .contenu h2,
    body[class*="bao-"] .dossier-oe-modele #page .contenu h2 span {
        font-size: 2.5rem;
        text-transform: none;
        font-weight: 500;
        width: 100%;
        max-width: 970px;
        background: transparent;
        margin: .5rem 0;
    }

    @media (max-width:529px) {
        .bao-marseillaise #page>div.contenu .carte-horiz-big,
        body[class*="bao-"] #page>div.contenu .carte-horiz-big {
            height: auto;
            -webkit-box-shadow: 0 3px 8px #ccc;
            box-shadow: 0 3px 8px #ccc;
            padding: 0;
            max-width: 280px;
            margin: 0 auto 2rem;
        }
        #page>div.contenu .carte-horiz-big .bloc--image {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: 100%;
            height: 250px;
            overflow: hidden;
            -webkit-box-flex: unset;
            -ms-flex: unset;
            flex: unset;
        }
    }

    @media (min-width:530px) {
        .bao-marseillaise #page .carte-horiz-big,
        body[class*="bao-"] #page .carte-horiz-big {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            padding: 0;
            border-radius: 1rem;
            background: #fff;
            overflow: hidden;
            height: 200px;
            width: 100%;
        }
    }

    .bao-marseillaise .carte-horiz-big,
    body[class*="bao-"] .carte-horiz-big {
        /*	height: auto;*/
        -webkit-box-shadow: 0 3px 8px #ccc;
        box-shadow: 0 3px 8px #ccc;
    }

    .bao-marseillaise .carte-horiz-big .bloc--image img,
    body[class*="bao-"] .carte-horiz-big .bloc--image img {
        -o-object-position: top;
        object-position: top;
    }

    .bao-marseillaise .carte-horiz-big .bloc--texte,
    body[class*="bao-"] .carte-horiz-big .bloc--texte {
        padding: 1rem;
        width: 100%;
    }

    .bao-marseillaise .carte-horiz-big h3,
    body[class*="bao-"] .carte-horiz-big h3 {
        font-weight: 500;
    }

    .bao-marseillaise .carte-horiz-big h3,
    .bao-marseillaise .carte-horiz-big p,
    body[class*="bao-"] .carte-horiz-big h3,
    body[class*="bao-"] .carte-horiz-big p {
        margin-bottom: .5rem;
    }

    .bao-marseillaise .carte-horiz-big .btn,
    body[class*="bao-"] .carte-horiz-big .btn {
        margin-top: .5rem;
    }
    /* ************************************************************ */
    /* SIDEBAR bloc infos du concerts (infos / distrib / programme) */

    @supports (display:flex) {
        @media (max-width: 991px) {
            .content-oe-modele.bao-marseillaise #page > div.contenu #zone-5, body.content-oe-modele[class*="bao-"] #page > div.contenu #zone-5 {
                border-radius: 0;
            }
            .content-oe-modele.bao-marseillaise #page>div.contenu #layout-3>.row,
            body.content-oe-modele[class*="bao-"] #page>div.contenu #layout-3>.row {
                /*
            -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;
            flex-direction: column;
*/
            }
            .content-oe-modele.bao-marseillaise #page>div.contenu #zone-4,
            body.content-oe-modele[class*="bao-"] #page>div.contenu #zone-4 {
                /*            order:2;*/
            }
        }
    }

    .content-oe-modele #page>div.contenu #zone-5 .frame.event-info {
        border-radius: 0;
        margin-bottom: 0 !important;
    }

    .event-info {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1;
    }

    #page>div.contenu .event-info .event-info {
        padding: 0 .5rem 1rem;
        margin: 0;
        border-bottom: 1px solid #d4d9de;
    }

    .event-info p,
    .event-info span {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.4;
    }

    .event-info .public:first-letter {
        text-transform: capitalize;
    }

    @media (max-width:767px) {
        .event-info,
        .event-program {
            font-size: .875rem;
        }
    }

    .event-program {
        font-size: 1.125rem;
        line-height: 1.4;
        -webkit-transition: height 0.5s ease;
        -o-transition: height 0.5s ease;
        transition: height 0.5s ease;
        overflow: hidden;
    }
    /*
.event-program-title {
    font-family: "Brewery No2 W06 Medium";
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
}
*/

    @media all and (max-width: 739px) {
        /*
    .event-program-title {
        font-size: 1.125rem;
    }
*/
    }

    .event-program .cycle-dates-item {
        font-family: "Brewery No2 W06 Regular";
        font-size: 1.125rem;
        line-height: 1.4;
    }

    @media all and (max-width: 767px) {
        .event-program .cycle-dates-item {
            font-size: 1rem;
        }
    }

    .event-program.collapsed {
        position: relative;
    }

    .event-program.collapsed:after {
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
        background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
        background: linear-gradient(rgba(255, 255, 255, 0), white);
        width: 100%;
        height: 95px;
        position: absolute;
        bottom: 0;
    }

    .program-distrib,
    .program-detail {
        padding-bottom: 1rem;
        border-bottom: 1px solid #D4D9DE;
    }

    #page .contenu .event-program .title {
        font-size: 28px;
        font-weight: 400;
        line-height: 1.29;
        margin: 1rem 0;
    }

    @media and (max-width: 767px) {
        .event-program .title {
            font-size: 1.125rem;
        }
    }

    .event-program .program-composer,
    .event-program .distrib-title {
        font-weight: 500;
    }

    dl.program-block dt,
    .event-program dl.program-block dt.program-composer,
    .event-program dl.program-block dt.distrib-title {
        font-weight: 500;
        margin-top: 1rem;
    }

    dl.program-block dd,
    .event-program dl.program-block dd.program-composer,
    .event-program dl.program-block dd.distrib-title {
        font-weight: 400;
    }

    .event-program .program-oeuvreTitle {
        font-style: italic;
    }

    .event-program .program-comOeuvre,
    .event-program .program-comStage {
        font-size: 15px;
    }

    @media (max-width: 739px) {
        .event-program {
            font-size: 1rem;
        }
    }

    .program-intermission {
        font-weight: 600;
        font-size: 1.125rem;
        text-transform: uppercase;
        opacity: 0.6;
        position: relative;
        text-align: center;
    }

    .program-intermission:before {
        border-bottom: 1px solid #667689;
        content: "";
        height: 1px;
        width: 100%;
        display: block;
        position: absolute;
        top: 50%;
    }

    .program-intermission span {
        background-color: white;
        padding: 0px 10px;
        position: relative;
    }

    @media all and (max-width: 739px) {
        .program-intermission {
            font-size: 0.75rem;
        }
    }

    .program-more-button {
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 2;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: #001b3b;
        width: 100%;
        padding-top: 1rem;
    }

    .program-more-button .icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-left: 1rem;
    }

    .program-more-button.collapsed .icon {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .program-more-button.hidden {
        display: none;
    }
    /* fin : infos concert */
    /* fin : pages boites a outils v2021 */
    /* ************************************************* */
    /* ************************************************* */
    /* Modele de page colloque  */
    /* ************************************************* */

    body.colloque-model .hero {
        height: initial !important;
    }

    body.colloque-model .hero-header-colloque {
        margin-top: 35px;
    }

    .hero-header-colloque .colloque-title-head,
    .hero-header-colloque .colloque-date {
        color: #fff !important;
    }

    .hero-header-colloque .link-language {
        text-decoration: underline!important;
        color: #fff !important;
    }

    .place-colloque {
        font-size: 1.5rem;
        margin-top: 2rem !important;
    }

    body.colloque-model .intro-gree {
        background-color: #F3F2EE;
        margin: 0 auto;
        padding-top: 1rem!important;
        padding-bottom: .8rem!important;
        text-align: justify;
    }

    body.colloque-model .intro-gree .intro-gree {
        max-width: 1100px;
    }

    body.colloque-model .programme-colloque-calameo {
        text-align: center;
    }

    body.colloque-model #calameo-iframe {
        width: 100%;
        max-width: 1100px;
        height: 70vh;
        margin-bottom: 1rem;
        min-height: 500px;
    }

    body.colloque-model .oto {
        max-width: 1100px;
    }

    body.colloque-model #programme-colloque-01 h2 {
        margin-top: 2rem;
    }

    body.colloque-model .colloque-section-ctn {
        margin-bottom: 9rem !important;
    }

    body.colloque-model .colloque-section-ctn h2 {
        color: #000;
    }

    body.colloque-model .encart.encart-rebonds.colloque-section-ctn {
        padding-top: 0px;
    }

    body.colloque-model .colloque-mode-emploi {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-around;
    }

    body.colloque-model .colloque-mode-emploi-live {
        max-width: 1100px;
        margin: 20px auto;
        padding: 26px;
        border: 2px solid #ffd076;
        box-shadow: 0 -1px 23px rgba(0, 0, 0, .1);
        text-align: justify;
        margin-bottom: 6rem;
        border-radius: 12px;
    }

    body.colloque-model h3.media-heading {
        margin-bottom: 0px;
    }

    body.colloque-model a.ext-link:not(.btn)::before {
        display: none;
    }

    body.colloque-model .ext-link:hover .media-heading {
        color: #1675e1;
    }

    body.colloque-model .underlined-href {
        color: #000 !important;
    }

    body.colloque-model .underlined-href:hover {
        color: #1675e1 !important;
    }

    body.colloque-model .btn-ctn-lien-notice img {
        margin-right: 7px;
    }

    body.colloque-model .btn.btn-default {
        height: 43px;
        line-height: 28px;
        margin: 1rem;
    }

    body.auth.colloque-model div.frame.frame-portalcarouselwebframefactory.auth-section>div.frame-standard.panel.panel-front.webframe-ermes-carousel.auth-section {
        padding-top: 0px!important;
    }

    body.colloque-model .media-heading img {
        margin-bottom: 5px;
    }

    body.colloque-model .colloque-info {
        margin: 1rem;
    }

    body.colloque-model .colloque-mode-emploi {
        margin-top: 2rem;
    }

    body.colloque-model .logos-colloque img {
        margin-top: 0px;
    }

    body.colloque-model .colloque-live {
        text-align: center;
        height: 600px;
        background-color: #F3F2EE;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        max-width: 1100px;
        margin: 0 auto;
        margin-bottom: 9rem;
    }

    body.colloque-model .colloque-live img {
        width: 100px;
        filter: contrast(0.5);
    }

    body.colloque-model .btn {
        border-radius: 32px;
    }
    /* Bouton programme */

    .programme-colloque-calameo a.btn.btn-default {
        margin: auto;
    }
    /* à voir aussi  */

    body.colloque-model .to-see-also-ctn {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1100px;
        margin: 0 auto;
        width: 100%;
    }

    body.colloque-model .ext-link-item {
        display: block;
        max-width: 45% !important;
        width: 45%;
        min-width: 500px;
        display: flex;
        flex-direction: row;
        align-items: center;
        transition: all .5s ease-out;
        border: solid 1px #f3f2ef !important;
        margin: 1rem 0rem;
        border-radius: 12px;
        padding: 18px;
        position: relative;
    }

    body.colloque-model .ext-link-item figure {
        margin-right: .75rem;
        border-radius: 12px !important;
        width: 160px;
        height: 160px;
        display: block;
        overflow: hidden;
        min-width: 160px;
        min-height: 160px;
    }

    body.colloque-model .ext-link-item figure img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    body.colloque-model .ext-link-item h3 {
        margin-top: 0px !important;
        margin-bottom: .7rem !important;
        display: inline-block;
    }

    body.colloque-model .ext-link-item .icon-ext-link-black {
        position: absolute;
        top: 10px;
        right: 10px;
        opacity: .3;
        transition: all .5s ease-out;
    }

    body.colloque-model .ext-link-item:hover {
        background-color: #f3f2ef;
    }

    body.colloque-model .ext-link-item:hover .icon-ext-link-black {
        opacity: .6;
    }
    /* ressources  */

    body.colloque-model .ressources-ctn {
        max-width: 1100px;
        margin: 0 auto;
        width: 100%;
    }

    body.colloque-model .ressources-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 1100px;
        margin: 0 auto;
        width: 100%;
    }

    body.colloque-model .ressources-list .ressource-item {
        color: #333;
        /* background-color: rgba(243, 242, 239, 0.24); */
        width: 100%;
        padding: 12px;
        display: inline-block;
        margin: .5rem 0rem;
        border: solid 1px #f3f2ef !important;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-radius: 10px;
        transition: all .5s ease-out;
    }

    body.colloque-model .ressources-list .ressource-item p {
        margin: 0;
    }

    body.colloque-model .cl-affichage-ressources .ressources-list .ressource-item {
        justify-content: flex-start;
    }

    body.colloque-model .cl-affichage-ressources .ressources-list .ressource-item>* {
        margin: 0 0.1em;
    }

    body.colloque-model .ressources-list .ressource-item:hover {
        background-color: #f3f2ef;
        color: #000;
        /* border: solid 1px rgb(154, 153, 153) !important; */
    }

    body.colloque-model .ressources-list .ressource-item img {
        opacity: 0;
        transition: all .5s ease-out;
    }

    body.colloque-model .ressources-list .ressource-item:hover img {
        opacity: .5;
    }

    body.colloque-model .logos-colloque img {
        max-height: 44px!important;
        min-height: initial!important;
        margin: 10px;
        margin-top: 10px;
        max-width: initial!important;
    }

    @media (max-width: 1035px) {
        body.colloque-model .to-see-also-ctn {
            justify-content: center;
        }
        body.colloque-model .ext-link-item {
            max-width: 90% !important;
            width: 90%;
            min-width: 300px;
        }
        body.colloque-model .ressources-list .ressource-item {
            max-width: 90% !important;
            width: 90%;
        }
    }

    @media (max-width: 1035px) {
        body.colloque-model .frame-portalcarouselwebframefactory.hero .hero {
            padding: 65px 21px 85px;
        }
        /* Style spécifique colloque hip hop */
        body.colloque-model .frame-portalcarouselwebframefactory.hero.hip-hop .hero {
            padding: 65px 21px 45px;
        }
        body.colloque-model .intro-gree {
            padding-left: 20px;
            padding-right: 20px;
        }
        body.colloque-model .colloque-mode-emploi-live {
            margin: 20px;
        }
    }

    body.colloque-model main {
        overflow: hidden;
    }
    /* player-live  */

    body.colloque-model .oto__header {
        display: none !important;
    }

    body.colloque-model .content-container .oto__chapter {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom: solid 1px #d7d7d7;
        padding: 5px;
    }

    body.colloque-model .content-container span.oto__chapter__timecode::before {
        content: "" !important;
    }

    body.colloque-model .content-container li.oto__chapter:hover {
        background-color: #f3f2ee !important;
    }

    body.colloque-model .content-container .oto__chapter--selected {
        background-color: #f3f2ee !important;
    }

    body.colloque-model .content-container .oto__chapter--selected .oto__chapter__title,
    body.colloque-model .content-container .oto__chapter--selected .oto__chapter__timecode {
        font-weight: 600;
    }

    body.colloque-model .oto__currentTrack {
        background-color: #f3f2ee;
        font-size: .9em !important;
    }

    .oto__currentTrack:empty {
        display: none;
    }

    .oto__currentTrack__h1 {
        font-size: .9em !important;
        color: #f3f2ee;
        font-weight: 400;
        padding: 8px;
        margin: 0;
    }

    .oto__currentTrack__h1:empty {
        display: none;
    }

    body.colloque-model .oto__body {
        position: relative;
    }

    body.colloque-model .oto__message__text {
        text-align: center;
        line-height: 57px;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.396)!important;
    }

    body.colloque-model p.oto__message__text:empty {
        display: none;
    }

    .oto__currentTrack__mode:empty {
        display: none;
    }

    body.colloque-model p.oto__message__text {
        padding: 20px;
        color: #fff !important;
    }

    body.colloque-model .oto__message--hidden {
        display: none;
    }

    body.colloque-model .oto__live {
        display: none;
    }

    body.colloque-model #otoPlay {
        margin-bottom: 9rem;
    }
    /* ************************************************* */
    /* Fin - Modelle de page colloque  */
    /* ************************************************* */
    /* ************************************************* */
    /* Page colloque_CHAT  */
    /* ************************************************* */
    /* Page inscription  */

    body.colloque-inscription-discussion div.container-full.topBarContainer {
        display: none;
    }

    body.colloque-inscription-discussion footer {
        display: none;
    }

    body.colloque-inscription-discussion div.nav_cnx {
        display: none !important;
    }

    body.colloque-inscription-discussion main {
        background-repeat: no-repeat !important;
        background-image: url(/ui/skins/MEDIA/images/colloques/inscription-discussion/logo-pp-bkg.svg)!important;
        background-position: center !important;
        background-size: contain !important;
        margin-top: 2rem;
    }

    body.colloque-inscription-discussion section.mail-confirmed {
        display: flex;
        flex-direction: column;
        margin-top: 3rem;
    }

    body.colloque-inscription-discussion .mail-confirmed-logo-pp {
        margin-bottom: 4rem;
    }

    body.colloque-inscription-discussion .mail-confirmed-logo-pp img {
        width: 260px;
    }

    body.colloque-inscription-discussion .mail-validated b {
        color: #02cb2a !important;
        font-size: 1.2rem;
    }

    body.colloque-inscription-discussion .mail-confirmed-content {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    body.colloque-inscription-discussion .img-mail-confirmed {
        width: 110px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* Fin - Page inscription  */

    body.colloque-model.chat .colloque-ctn {
        display: flex;
        flex-direction: row;
        justify-content: start;
        position: relative;
    }

    body.colloque-model.chat aside#chat-ctn {
        background-color: rgb(194, 194, 194);
        width: 30%;
        height: 100vh;
        max-height: 100vh;
        min-width: 400px;
        position: sticky;
        left: 0px;
        top: 120px;
        overflow: auto;
        transition: all 1s ease;
    }

    body.colloque-model.chat .colloque-ctn section {
        width: 100%;
    }

    body.colloque-model.chat .colloque-ctn .colloque-content-ctn {
        height: 990px;
        margin-bottom: 4rem;
    }

    .hide-chat {
        position: fixed;
        background-color: #35bc24;
        bottom: 20px;
        z-index: 999;
        padding: 20px;
        left: 30px;
    }

    .showChat {
        display: none;
    }
    /* ----------------------- */
    /* Draggable Chat container  */

    #draggable-chat {
        background-color: #fff;
        z-index: 100000000;
        /* width: 350px;*/
        height: min-content;
        max-height: min-content;
        max-height: -moz-min-content;
        display: none;
        margin: .5rem;
        border-radius: 20px;
        border: solid 1px #D0D0D0;
        overflow: initial!important;
    }

    #resizable-chat {
        background-color: #fff;
        z-index: 100000000;
        width: 350px;
        height: 400px;
        box-shadow: 0 -1px 23px rgba(0, 0, 0, .1);
        border-radius: 20px;
        -webkit-box-shadow: 0 -1px 23px rgba(0, 0, 0, .1);
        box-shadow: 0 -1px 23px rgba(0, 0, 0, .1);
    }

    .chat-change-dimension {
        width: 500px !important;
        height: 700px !important;
        max-height: 80vh;
    }

    @media (min-width: 1200px) {
        .chat-change-dimension {
            max-width: 30vw;
        }
    }

    .draggable-chat-fixed {
        position: fixed;
        bottom: 20px;
        left: 20px;
    }

    #open-chat-btn {
        background-color: #cd2453;
        color: #fff;
        width: 150px;
        height: 150px;
        margin: 0 auto;
        text-align: center;
        position: fixed;
        bottom: 20px;
        left: 20px;
        border-radius: 50% 50% 50% 0px;
        padding: 8px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 -1px 23px rgba(0, 0, 0, .4);
        z-index: 1000;
    }

    #open-chat-btn p {
        color: #fff;
        display: inline-block;
        margin-bottom: 0px !important;
        font-size: 15px;
        margin-top: 10px;
    }

    #open-chat-btn .three-points {
        display: inline-block;
    }

    #open-chat-btn:hover {
        background-color: #b9204a;
    }
    /* chat  header  */

    .chat-navbar {
        background-color: #cd2453;
        height: 40px;
        display: flex;
        justify-content: space-between;
        padding: 10px;
        align-items: center;
        border-radius: 19px 19px 0px 0px;
        width: 100%;
        box-sizing: border-box;
    }

    .chat-navbar button {
        margin: 0px 2px;
        background-color: #cd2453;
        border-radius: 50%;
        padding: 2px;
        width: 28px;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .chat-navbar button:hover {
        background-color: rgb(203, 73, 108);
    }

    .nav-btn-ctn-right {
        display: flex;
        justify-content: flex-end;
    }

    #chat-dragg-btn {
        cursor: move;
        position: relative;
    }

    .tooltip-chat {
        background-color: #000000c4;
        color: #fff;
        border-radius: 4px;
        text-align: center;
        padding: 2px 5px;
        position: absolute;
        display: none;
        font-size: 14px !important;
    }

    .tooltip-reduce {
        top: -20px;
        right: -2px;
    }

    #chat-reduce-btn:hover+div.tooltip-chat.tooltip-reduce {
        display: block;
    }

    .tooltip-drag {
        top: -20px;
        right: 58px;
    }

    #chat-dragg-btn:hover+div.tooltip-chat.tooltip-drag {
        display: block;
    }

    .tooltip-resize {
        top: -20px;
        right: 2px;
    }

    #chat-resize-btn:hover+div.tooltip-chat.tooltip-resize {
        display: block;
    }

    .tooltip-logout {
        top: -20px;
        left: 2px;
    }

    #chat-logout-btn:hover+div.tooltip-chat.tooltip-logout {
        display: block;
    }

    #chat-logout-btn {
        display: none;
    }
    /* --------------------------------------- */
    /* chat ctn  */

    #live-chat {
        height: 100%;
    }

    @media (max-width: 768px) {
        #draggable-chat {
            margin: 0rem;
            width: 100vw;
            border-radius: 0px;
            border: none;
            bottom: 0px !important;
            left: 0px !important;
            top: inherit !important;
        }
        .draggable-chat-fixed {
            position: fixed;
            bottom: 0px;
            left: 0px;
        }
        #resizable-chat {
            width: 100vw!important;
            border-radius: 0px;
            max-height: 45vh;
        }
        .chat-navbar {
            border-radius: 0px 0px 0px 0px;
        }
        #chat-resize-btn,
        #chat-dragg-btn {
            display: none;
        }
        #chat-reduce-btn {
            margin-right: 20px;
        }
        .tooltip-reduce {
            top: -20px;
            right: 20px;
        }
        .yoyo-container.closed {
            display: none;
        }
        .chat-navbar {
            height: 32px;
        }
        #live-chat {
            height: calc(100% - 32px) !important;
            border-radius: 0px !important;
        }
        #open-chat-btn {
            bottom: 10px;
            left: 10px;
            width: 110px;
            height: 110px;
        }
        #open-chat-btn p {
            font-size: 11px;
        }
    }
    /* ************************************************* */
    /* Fin - Page colloque_CHAT  */
    /* ************************************************* */

    #cnil_banner a.lien-externe.cl-info {
        color: #ffd076;
    }

    #cnil_banner a.lien-externe.cl-info::after {
        content: url(images/icon-extlink-jaune.png);
        margin-left: 0.5rem;
    }
    /* *********** JAQUETTES PRINT ********** */
    /* @media print{
    .connecte.page-notice-PAD #page a::after,
    .connecte.page-notice-PAD #page a.part-link,
    .connecte.page-notice-PAD #contexte,
    .connecte.page-notice-PAD #notice_longue_description > div.bibliotheque_numerique.notice-video.uni4cF > div.embed-responsive.embed-responsive-16by9,
    .connecte.page-notice-PAD #detail-notice > div.col-sm-4.col-md-3.col-lg-3,
    .connecte.page-notice-PAD footer.l-region.footer-mediaPP,
    .connecte.page-notice-PAD .mobile-actions,
    .connecte.page-notice-PAD .admin-actions,
    .connecte.page-notice-PAD #page > div.nav_cnx,
    .connecte.page-notice-PAD #page > div.container-full.topBarContainer{
        display: none !important;
    }
    body.connecte.page-notice-PAD{
        -webkit-print-color-adjust: exact !important;
        width: 246mm !important;
        height: 121mm !important;
        overflow: hidden !important;
        border: 1px solid red;
    }
    .connecte.page-notice-PAD h1#titre_uni,
    .connecte.page-notice-PAD h1#titre_uni span.titre_principal{
        font-size: 11pt !important;
    }
}


 */
    /* 18-05-2022 Christophe Correctif affichage type instrument non traduit PAD */

    .facteur-modele .incontournable-rebond .InstrumentTypeValue {
        display: none;
    }
    /* END 18-05-2022 Christophe Correctif affichage type instrument non traduit PAD */
    /* .objetdumuseelie {
    display: initial !important;
    position: inherit !important;
    right: inherit !important;
    top: inherit !important;
} */
/* Page résultat de la recherche */
.criteres_tri {
    
    margin: 0;
    
    border: none;
    background: #fff;
   
}
.panel {
   
    background-color: transparent;
    border: none;
   
    box-shadow: none;
}
.page-Recherche-PAD .navigation .criteres_tri {
    justify-content: flex-start;
}
/* Page résultat de la recherche */
#facet_container .icon-resize-small, #facet_container .icon-resize-full {
    font-size: 24px;
	margin: 0;
	width: auto;
	
    height: auto;

}
#facet_container .icon-resize-small:before {
    content: "\f106";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
	transform: rotate(0deg);
	font-size: 22px
}
#facet_container .icon-resize-full:before {
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
	transform: rotate(0deg);
	font-size: 22px
}

#aside #options_resultat #facet_container #accordion .facet-controls i.icon-minus::before, #aside #options_resultat #facet_container #accordion .facet-controls span.icon-plus::before {
   content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 5 free";
	font-size: 18px;
    transform: rotate(0deg);
}
#aside #options_resultat #facet_container #accordion .facet-controls i.icon-minus, #aside #options_resultat #facet_container #accordion .facet-controls span.icon-plus {
    
    margin-top: 0;
    line-height: inherit;
}
#aside #options_resultat #accordion {
    
    padding-top: 0.825rem;
}
#resultats .notice_courte .notice_metadata, #resultats ul.notice li.search-item .notice_metadata {
    display: none !important;
   
   
}
#notice_longue .metadata-actions .select label.ermes-label, #resultats .select label.ermes-label {
  
    left: auto;
    
    right: 10px;
}
.badge {
   
    background-color: transparent;
   
}
.facet-collapse {
    border-left: none;
    
}

.icon-lock:before {
    content: url(/ui/skins/MEDIA/images/icon/pictos-nav/cadenat.svg);
}

button.search-send-results {
	display:none;
}

.refonte2021 .entete.encart .content.herotexte {
	position:relative;
}

/* SL - 23/11/2023 - Cacher les encarts de sélection dans les notices détaillées */
#detail-notice-selections, #tab_suggestion {
	display:none;
}


#areaMetaNotice {
    position: unset !important;
    background-color: aliceblue;
}