/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@import "polices/polices.css";

/* Variables Typos CL 2022 */

:root {
    --philharmonie-font: 'Philharmonique', sans-serif;
}


/* End Variables Typos CL 2022 */


/* ############# Début - taille des padding des encarts de base ############## */


/*.adminGG #admin-actions,*/

.adminGG .connexe-3852,
.adminGG .connexe-3849 {
    display: none!important;
}

.adminGG .connexe-21042 {
    display: inline-block!important;
}

#admin-actions {
    display: block !important;
    position: fixed;
    top: 0;
    z-index: 999;
}

.global_content {
    margin: 0;
    padding: 0;
}

.accueil-modele #portal {
    /* Page avec moteur de recherche*/
    padding-top: 10px !important;
}

#portal {
    /* Pour toutes les pages de contenu sans le moteur de recherche */
    padding-top: 100px !important;
}

#page>div.contenu {
    background: #d4d9de;
}

div.contenu main {
    /* Pour toutes les pages de contenu sans le moteur de recherche v2021 */
    padding-top: 80px;
}

div.contenu #portal {
    /* Pour toutes les pages de contenu sans le moteur de recherche v2021 */
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.header-edutheque .container,
.contenu .container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.contenu .container {
    max-width: 100%;
}

@media (min-width:768px) {
    .page-admin div.contenu main {
        /* Pour toutes les pages de contenu sans le moteur de recherche v2021 */
        padding-top: 126px !important;
    }
    div.contenu main {
        /* Pour toutes les pages de contenu sans le moteur de recherche v2021 */
        padding-top: 126px !important;
    }
}

@media (min-width:1600px) {
    .header-edutheque .container,
    .contenu .container {
        max-width: 1600px;
    }
}

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

.navbar-header h1 {
    background: url("images/Logo-PP-Ressources.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-top: 35px;
}

.navbar-header a:hover,
.navbar-header a:hover *,
.navbar-header a:focus,
.navbar-header a:focus * {
    text-decoration: none;
}

.navbar-header a:focus {
    outline: 2px solid #E59700;
}

a:focus,
.btn:focus,
button:focus,
input:focus {
    outline: 2px solid #E59700!important;
}


/* Bouton de connexion au site */

div.button-my-account.btn-group {
    visibility: hidden;
}


/* Logo éduetheque positionnement*/

.header-banner-menu div:nth-child(4) {
    left: -160px;
    /*border-left:1px solid #000;*/
    top: 107px;
    padding-left: 10px;
    font-family: LinotypeBrewery-Bold;
    text-transform: uppercase;
    font-size: 1.2em;
}


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


/*background:none;
    top: 100px;
    position:relative;
    left:0;

}*/


/*.header-banner-menu div:nth-child(4) .btn, .header-banner-menu div:nth-child(5) .btn {*/

.header-banner-menu div:nth-child(4) .btn {
    background: none !important;
    border: none;
    padding: 0;
}


/*Lien logo edutheque*/

.header-banner-menu div:nth-child(5) .btn {
    border: none;
}

.header-banner-menu div.connexe-3852 a {
    background: url("//drop.philharmoniedeparis.fr/homepage/edutheque/logo-edutheque.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    top: 35px;
    position: relative;
    left: 80px;
    width: 203px;
    height: 44px;
}

.header-banner-menu div.connexe-3852 a span {
    display: none;
}


/*lien Ressources musicales pour l'enseignement */

.header-banner-menu .all-link-connexe div.connexe-3849 a {
    top: 12px;
    position: relative;
    left: 55px;
    /*color:aqua !important;*/
}

@media screen and (min-width: 200px) and (max-width: 991px) {
    .header-banner-menu div:nth-child(4) {
        display: none;
    }
}


/* ############# Fin - taille des padding des encarts de base ############## */


/*Manuel metascore*/

.metascore-modele a {
    color: #1D89DB;
    text-decoration: none;
}


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


/*! FIN : ENCART RETOUR HAUT DE PAGE "retourTop" : */


/* FIL D'ARIANE 2021 */

.page-Recherche-PAD .contenu main #ariane,
.page-notice-PAD .contenu main #ariane,
.home .contenu main #ariane {
    visibility: hidden;
    display: none;
}

.contenu main #ariane {
    visibility: visible;
    /*
    visibility: hidden;
    display: none;
*/
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: absolute;
    z-index: 1;
}

#ariane * {
    line-height: 1;
}

@media (max-width:767px) {
    .listing #ariane .container {
        margin-top: 2.5rem;
        text-align: center;
    }
    .listing #page>div.contenu #portal .frame.hero .hero {
        padding-top: 8rem;
    }
}

.contenu main #ariane span,
.contenu main #ariane a:hover,
.contenu main #ariane a:focus {
    background: transparent;
    color: #eee;
    font-size: 11px;
    color: #fff;
    opacity: .9;
}

.contenu main #ariane a:hover,
.contenu main #ariane a:focus {
    text-decoration: underline;
}

.dossier-oe-modele.chant-travail-home .contenu main #ariane span,
.dossier-oe-modele.litte-orale-home .contenu main #ariane span,
.dossier-oe-modele.chant-travail-home .contenu main #ariane span,
.dossier-oe-modele.home-selectionEN .contenu main #ariane span,
.dossier-oe-modele.home-selectionEN .contenu main #ariane a:hover,
.dossier-oe-modele.home-selectionEN .contenu main #ariane a:focus {
    color: #fff;
}

.dossier-oe-modele .contenu main #ariane span,
.dossier-oe-modele .contenu main #ariane a:hover,
.dossier-oe-modele .contenu main #ariane a:focus {
    color: #001b3b;
}


/* ##################### Début Typographie 2021 ################################# */

#page>div.contenu #portal h1 {
    font-size: 3.25rem;
    text-align: center;
    font-family: var(--philharmonie-font);
    text-transform: uppercase;
    margin: 0 auto;
}

.dossier-oe-modele #page>div.contenu #portal .h2-titre.panel-front {
    border: none;
    padding: 3rem 0;
}

.dossier-oe-modele #page>div.contenu #portal h1,
.dossier-oe-modele #page>div.contenu #portal h1 * {
    font-size: 3.25rem;
    color: #001b3b;
    text-align: center;
    font-family: var(--philharmonie-font);
    text-transform: uppercase;
    /*	max-width: 970px;*/
    margin: 0 auto;
}

#page .contenu h2,
#page .contenu h2 span,
.dossier-oe-modele #page .contenu h2,
.dossier-oe-modele #page .contenu h2 span {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    max-width: 970px;
    background: transparent;
    margin: .5rem 0;
}

#page .contenu h2.sousTitre,
#page .contenu h2.sousTitre span,
.dossier-oe-modele #page .contenu h2.sousTitre,
.dossier-oe-modele #page .contenu h2.sousTitre {
    font-family: var(--philharmonie-font);
    text-transform: uppercase;
    font-size: 1.65rem;
    text-align: center;
    display: block;
    background: none;
    margin: 1rem auto 2rem;
}

#page .contenu .oe-accroche p {
    /* font-family: LinotypeBrewery-regular; */
    font-size: 1rem;
	font-weight: 500;
    text-transform: none;
    /*	text-align: center;*/
    display: block;
    width: 100%;
    /*    max-width: 666px;*/
    background: none;
    /*	margin: 1rem auto;*/
}

#page .contenu .rubrique-oe p {
    font-size: 1rem;
    font-family: 'SourceSansPro', sans-serif;
    text-transform: none;
    text-align: left;
    display: block;
    width: 100%;
    background: none;
    margin: 0 0 1rem 0;
}

#page .contenu .rubrique-oe h3 {
    font-size: 1rem;
}

#page .contenu .dossier-oe-modele h2 span,
.dossier-oe-modele #page .contenu .dossier-oe-modele h2 span {
    margin-top: 0;
    margin-bottom: 0;
}


/* ##################### Début Encart rebond ################################# */


/* ------  Rebond bleu ---------- */

.rebond-bleu .bckg-bleu,
.rebond-bleu .bckg-vert {
    margin-bottom: 10px;
}

.rebond-bleu .media-body {
    margin: 14px;
    margin-bottom: 0;
}

.rebond-bleu h3 {
    font-size: 1.1em;
    font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
    line-height: 1.15;
}

.rebond-bleu p.line {
    padding-top: 10px;
}

.rebond-bleu a.btn-plus {
    background-color: #FFF;
    padding: 6px 12px;
    color: #000;
}


/* ------  Rebond bleu ---------- */

.btn.ext-link::before,
.btn.ext-link--pad::before,
.btn.ext-link--collecMusee::before,
.btn.ext-link--catalogue::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--pad: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;
}

.rebond-ext li,
.rebond-ext--collecMusee li,
.rebond-ext--catalogue li,
.rebond-ext--pad li,
.incontournable-rebond li {
    position: relative;
}


/* .rebond-ext a:after,
.rebond-ext--collecMusee a:after,
.rebond-ext--catalogue a:after,
.rebond-ext--pad 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;
} */


/* ##################### Fin Encart rebond ################################# */


/* ##################### Encart intro ################################# */

.intro-txt {
    text-align: center;
    margin: 0 auto;
    float: none;
    clear: both;
}


/* ##################### fin Encart intro ################################# */


/* #####################  Début encart img gauche texte droite fond bleu ### */

.modele_9.model-html .thumbnail {
    padding: 0;
}

@media screen and (min-width: 480px) and (max-width: 991px) {
    .modele_9.model-html div.media-body {
        float: right;
    }
    .modele_9.model-html img {
        width: 100%;
    }
    .modele_9.model-html .thumbnail {
        width: 75%;
    }
    .media>.pull-left {
        margin-right: 0;
        /*float: none !important;*/
    }
    .modele-image-gauche-texte-droite .media .pull-left {
        float: left !important;
        margin-right: 20px !important;
    }
}

@media screen and (min-width: 200px) and (max-width: 479px) {
    .media>.pull-left {
        margin-right: 0;
    }
    .modele_9.model-html .thumbnail {
        width: 100%;
    }
    .modele-image-gauche-texte-droite .media .pull-left {
        margin-right: 20px !important;
    }
}


/* ############# Début page accueil éduthèque ############################## */


/* ------- Barre de recherche --------- */

#search-panel .panel-body.col-md-8 {
    width: 100%;
    padding: 0px;
    margin-top: 10px;
}

#search-panel .container {
    /* Normalement fond gris */
    background: none;
}


/* ------- Début niveau de titre --------------*/

.accueil-modele h2 {
    text-transform: uppercase;
}


/* ------- Fin niveau de titre --------------*/


/* ------- Début Encart par 4 responsive de Ermes --------------*/

.accueil-modele .modele-4-col .describe {
    height: 145px;
}

@media(min-width:992px) {
    .accueil-modele .modele-4-col img,
    .listing-modele .modele-4-col img {
        width: 100%;
        max-width: 250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .accueil-modele .modele-4-col img,
    .listing-modele .modele-4-col img {
        width: 100%;
        max-width: 350px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .accueil-modele .modele-4-col img,
    .listing-modele .modele-4-col img {
        width: 100%;
    }
    .accueil-modele .col-xs-12.col-sm-6.col-md-3,
    .listing-modele .col-xs-12.col-sm-6.col-md-3 {
        width: 49.5%;
        float: left;
    }
    .accueil-modele .modele-4-col .media:first-child {
        margin-top: 38px;
    }
    .accueil-modele .modele-4-col .describe {
        height: 155px;
    }
}

@media screen and (min-width: 200px) and (max-width: 479px) {
    .accueil-modele .col-xs-12.col-sm-6.col-md-3.media img,
    .listing-modele .col-xs-12.col-sm-6.col-md-3.media img {
        width: 100%;
    }
    .accueil-modele .modele-4-col .describe {
        height: auto;
    }
}


/* ------- Fin Encart par 4 responsive de Ermes --------------*/


/* ------- Début  Encart par 4 responsive de Ermes 2021 --------------*/

.contenu .modele-4-col.model-html .media {
    border-radius: 0;
    background: transparent;
    padding: .25rem .5rem;
    margin: 0;
}

.contenu .modele-4-col.model-html .media>a {
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    background: #fff;
    padding: 0;
    margin: 0;
}

.contenu .modele-4-col.model-html .media>a img {
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    margin: 0 auto;
    display: block;
}

.contenu .modele-4-col.model-html .media>.media-body {
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;
    background: #fff;
    padding: .75rem;
    margin: 0;
    margin: 0 auto;
    display: block;
}


/* ------- Fin  Encart par 4 responsive de Ermes 2021 --------------*/


/* ##################### Début Encart présentation home ################################# */

.accueil-modele .rebond-bleu .bckg-peche {
    margin-top: -15px;
}

.accueil-modele .rebond-bleu .bckg-vert {
    margin-top: -23px;
}


/* ##################### Début Encart présentation home ################################# */


/* ------- Début Carroussel Ermes Home éduthèque --------------*/

.accueil-modele div.rsOverflow {
    /* Taille du bloc image dans le carroussel - 100% pour prendre plus de place que proposition par défaut*/
    width: 100% !important;
    height: 100% !important;
}

.accueil-modele div.rsContainer div.rsContent img.rsImg.rsMainSlideImage {
    /* Taille de l'image dans le caroussel */
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.accueil-modele div.rs-ImgCarousel-textualCarousel {
    /* Contour gris du carroussel */
    border: solid 10px #e6e6e6;
}


/* --------- Légende du carroussel---------- */

.accueil-modele .rs-ImgCarousel-textualCarousel .rsGCaption {
    /* Légende du caroussel*/
    padding: 8px;
    background-color: #b3d6fd;
    text-align: left;
    width: auto;
    bottom: 23px;
}

.accueil-modele .rsDefaultInv .rsGCaption a,
.accueil-modele .rsDefaultInv .rsGCaption * {
    /* Liens dans la légende de l'image du carroussel*/
    color: #000 !important;
    font-size: 0.971em;
}

.accueil-modele .rsDefaultInv .rsGCaption a:hover {
    /* Liens en hover dans la légende de l'image du carroussel*/
    text-decoration: underline;
}


/* ------ Bouton pause dans carroussel---------*/

.accueil-modele .clearfix,
.accueil-modele button.toggleAutoPlayBtn.icon-pause.btn {
    display: none;
}


/* --------- Flèches droites et gauches du carroussel--------- */

.accueil-modele .rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn {
    background: url("images/arrow-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.accueil-modele .rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
    background: url("images/arrow-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.accueil-modele .rsDefaultInv .rsArrowIcn {
    border-radius: none;
    height: 50px;
}


/* .accueil-modele button:focus, .accueil-modele .btn:focus {
				outline:none !important;
			} */


/* --------- Bullet du carroussel --------- */

.accueil-modele .rsDefaultInv .rsBullets {
    /* Bullet du carroussel - rond */
    margin-top: 5px;
    text-align: left;
    margin-left: 10px;
}

.accueil-modele .bs-bullets button,
.accueil-modele .bs-bullets button:focus,
.accueil-modele .bs-bullets button:active,
.accueil-modele .bs-bullets button:hover {
    border-radius: 15px;
    border: none;
    background-color: #000;
    height: 12px;
    width: 12px;
}

.accueil-modele .bs-bullets .rsNavSelected button {
    background: none repeat scroll 0 0 #b3d6fd;
    border: none;
}

@media screen and (min-width: 200px) and (max-width: 1280px) {
    .accueil-modele div.rs-ImgCarousel-textualCarousel {
        /* Contour bleu du carroussel */
        /*background-color: #e6e6e6;*/
        background-color: #b3d6fd;
    }
    .accueil-modele .rs-ImgCarousel-textualCarousel .rsGCaption {
        bottom: 0px;
        width: 100%;
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
    .accueil-modele .royalSlider {
        height: 330px;
    }
    .accueil-modele div.rs-ImgCarousel-textualCarousel {
        /* Contour bleu du carroussel */
        background-color: #e6e6e6;
    }
}

@media screen and (min-width: 200px) and (max-width: 479px) {
    .accueil-modele .royalSlider {
        height: 230px;
    }
    .accueil-modele div.rs-ImgCarousel-textualCarousel {
        /* Contour bleu du carroussel */
        background-color: #e6e6e6;
    }
}


/* ############# Fin page accueil éduthèque ############################## */


/* ######################################### Début page de contenu : Les Incontournables ###############################################"  */


/*  -------------------- REBOND incontournable -----------------*/


/*.incontournable-modele .incontournable-rebond {	/* Tant que les rebodns recherche capturé que sur collections, on cache les résultats */


/*display:none;
		}*/


/* -------- Fin Aside Incontournable Rebond ----------- */


/* ################################### Fin PAGE INCONTOURNABLES ######################################  */


/* ###################################  fin MOSAIQUE  ############################################## */


/*--------------------------- MENU Fil puis fil arianne-----------------------------------*/

#ermes_main_menu {
    /* Le menu est situé entre le logo PP et le moteur de recherche - 70 px plus bas que le logo*/
    top: 45px;
    position: absolute;
    z-index: 100;
}

@media (min-width:992px) {
    #ermes_main_menu {
        /* Le menu est situé entre le logo PP et le moteur de recherche - 70 px plus bas que le logo*/
        top: 75px;
        position: absolute;
    }
}

#ermes_main_menu li.LEVEL1:nth-child(1) {
    /* Correspond à Accueil - cible sur le li 1*/
    width: auto;
}


/* Niveau 1 de l'arborescence du menu */

#ermes_main_menu li.LEVEL1 {
    /*Tous les li (accueil, ressources num, ressources et Outils éducatifs) sont fonds blanc, sans bordure... */
    margin-right: 10px;
    background-color: #b3d6fd;
    border: 0;
    width: auto;
}

#ermes_main_menu li.LEVEL1:nth-child(5),
#ermes_main_menu li.LEVEL1:nth-child(5)>a:hover {
    background-color: #ffbd70;
}

#ermes_main_menu .LEVEL1 span {
    /* Texte du Menu */
    font-size: 0.875em;
    color: #000;
    font-family: 'Philharmonique', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

#ermes_main_menu li.LEVEL1>a {
    padding: 8px 16px;
}

#ermes_main_menu li.LEVEL1 a:hover {
    background: none;
}


/* Niveau 2 de l'arborescence du menu comme se préprare au concert, fiches oeuvres...*/

#ermes_main_menu .dropdown-menu {
    font-size: 0.943em;
    background-color: #e6e6e6;
    color: #000;
    text-align: left;
    padding: 0;
    margin: 0;
}

#ermes_main_menu .LEVEL2 span {
    font-size: 0.875em;
	font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
}

#ermes_main_menu li.LEVEL2>a {
    color: #000;
}

#ermes_main_menu li.LEVEL1 li.LEVEL2 a:hover {
    background: none repeat scroll 0 0 #b3d6fd;
}

div.visible-xs .button-my-account.btn-group {
    visibility: visible !important;
}

#ermes_main_menu li.LEVEL1 a:visited,
#ermes_main_menu li.LEVEL1 a:active,
#ermes_main_menu li.LEVEL1 a:hover,
.nav .open>a,
.nav .open>a:hover {
    background: #b3d6fd;
}

#ermes_main_menu .dropdown-submenu>a:after {
    /* */
    border-left-color: #000;
}


/* ####################################### FIN MENU ###################### */


/* ############################# Début Home outils éducatifs + page dossier outils éducatifs : http://digital.philharmoniedeparis.fr/outils-educatifs.aspx #################---- */

.dossier-oe-modele #frame-6242,
.content-oe-modele #frame-6242,
.listing-modele #frame-3794,
.content-oe-modele #frame-3794,
.dossier-oe-modele #frame-6241,
.content-oe-modele #frame-6241,
.dossier-oe-modele #frame-5203,
.dossier-oe-modele #frame-3794,
.pagesDecouverte.portraits-compositeurs #frame-3794,
.dossier-oe-modele #frame-3708 {
    display: none;
}

.dossier-oe-modele .oe-composant.edu-guide {
    /*			display:none;*/
}


/* ############################## Début Home outils éducatifs + page dossier outils éducatifs : http://digital.philharmoniedeparis.fr/outils-educatifs.aspx #################---- */


/* #################  Page Listing : pour bac musique 2016 oeuvres  ############################### */

.listing-modele p.listing-oeuvres {
	font-family: 'Philharmonique', sans-serif;
	text-transform: uppercase;
    font-weight: normal;
    margin: 5px 0px;
}


/* ----- Début - Correspond au par 4 comme accueil : exemple page bac musique 2016 --------*/

.listing-modele .modele-4-col p {
    font-size: 1em;
}

.listing-modele .modele-4-col h3 {
    height: 55px;
    /*! font-family: LinotypeBrewery-Bold; */
    text-transform: uppercase;
    font-size: 1.1em;
}

.listing-modele .modele-4-col a {
    color: #000 !important;
}

.listing-modele .col-xs-12.col-sm-6.col-md-3.media {
    margin-top: 5px;
}


/* ----- Fin - Correspond au par 4 comme accueil : exemple page bac musique 2016 --------*/

.listing-modele #portal .liste h3 a {
    color: #000;
}

.listing-modele #portal .liste h3 a:hover {
    text-decoration: underline;
    color: #1D89DB;
}


/* ############################## Début mosaique page formation métiers ##################################### */

.mosaique-modele #m1 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M1.jpg);
}

.mosaique-modele #m2 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M2.jpg);
}

.mosaique-modele #m3 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M3.jpg);
}

.mosaique-modele #m4 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M4.jpg);
}

.mosaique-modele #m5 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M5.jpg);
}

.mosaique-modele #m6 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M6.jpg);
}

.mosaique-modele #m7 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M7.jpg);
}

.mosaique-modele #m8 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M8.jpg);
}

.mosaique-modele #m9 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M9.jpg);
}

.mosaique-modele #m10 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M10.jpg);
}

.mosaique-modele #m11 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M11.jpg);
}

.mosaique-modele #m12 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/M12.jpg);
}

.mosaique-modele #i1 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/I1.jpg);
}

.mosaique-modele #i2 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/I2.jpg);
}

.mosaique-modele #i3 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/I3.jpg);
}

.mosaique-modele #i4 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/I4.jpg);
}

.mosaique-modele #w1 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/W1.jpg);
}

.mosaique-modele #w2 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/w2.jpg);
}

.mosaique-modele #w3 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/W3.jpg);
}

.mosaique-modele #w4 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/W4.jpg);
}

.mosaique-modele #y0 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y0.jpg);
}

.mosaique-modele #y1 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y1.jpg);
}

.mosaique-modele #y2 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y2.jpg);
}

.mosaique-modele #y3 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y3.jpg);
}

.mosaique-modele #y4 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y4.jpg);
}

.mosaique-modele #y5 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y5.jpg);
}

.mosaique-modele #y6 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y6.jpg);
}

.mosaique-modele #y7 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y7.jpg);
}

.mosaique-modele #y8 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y8.jpg);
}

.mosaique-modele #y9 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y9.jpg);
}

.mosaique-modele #y10 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y10.jpg);
}

.mosaique-modele #y11 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y11.jpg);
}

.mosaique-modele #y12 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y12.jpg);
}

.mosaique-modele #y13 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y13.jpg);
}

.mosaique-modele #y14 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y14.jpg);
}

.mosaique-modele #y15 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y15.jpg);
}

.mosaique-modele #y15 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y15.jpg);
}

.mosaique-modele #y16 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y16.jpg);
}

.mosaique-modele #y01 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y01.jpg);
}

.mosaique-modele #y02 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y02.jpg);
}

.mosaique-modele #y03 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y03.jpg);
}

.mosaique-modele #y04 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y04.jpg);
}

.mosaique-modele #y05 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y05.jpg);
}

.mosaique-modele #y06 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y06.jpg);
}

.mosaique-modele #y07 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y07.jpg);
}

.mosaique-modele #y08 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y08.jpg);
}

.mosaique-modele #y09 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y09.jpg);
}

.mosaique-modele #y010 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y10.jpg);
}

.mosaique-modele #y011 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y11.jpg);
}

.mosaique-modele #y012 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Y12.jpg);
}

.mosaique-modele #z1 {
    background-image: url(http://drop.philharmoniedeparis.fr/homepage/gpm/mosaique/Z1.jpg);
}


/* ###################### Fin mosaique page formation métiers ########################## */


/* ###################### Début Notices courtes et longues ############################# */


/* ------- Taille image par défaut gauche affichage notice ------------- */

#resultats_recherche .vignette_document img.ermes-thumb {
    /* Taille vignette par défaut */
    width: 150px !important;
    height: auto !important;
}

#resultats .notice_corps {
    /* Largeur de l'espace dédié aux contenus de résultat */
    width: 93%;
}


/*  --- Début Bouton consulter des notices courtes */

div.notice_courte div.actions {
    margin-left: 160px;
}

@media screen and (min-width: 200px) and (max-width: 767px) {
    div.notice_courte div.actions {
        margin-left: 0;
    }
    #resultats_recherche .vignette_document img.ermes-thumb {
        width: 80px !important;
    }
}


/* ---- Fin Bouton consulter des notices courtes */


/* ------ Règles communes --------*/

div.notice_courte span.CONTRAT_3,
div.notice_courte .cim-short-duree-type-doc,
#notice_longue .cim-short-duree-type-doc {
    /* En bleu : nombre page note de programme, dossier pédagogique */
    color: #428bca;
    text-decoration: none;
    width: 100%;
    float: left;
}

div.notice_courte p:first-letter,
#notice_longue p:first-letter,
#notice_longue li:first-letter {
    text-transform: uppercase;
}


/* ###################### Début Notice courte #################### */

div.notice_courte .notice_corps h3 {
    /* Titre de niveau 3*/
    font-family: LinotypeBrewery-regular;
    font-weight: normal;
    font-size: 1.143em;
    color: #000;
    line-height: 22px;
}

div.notice_courte br {
    display: none;
}

div.notice_courte div.actions a.more-info span {
    font-size: 1.125em;
}

div.notice_courte .icon-info {
    /* Disparition du ! des boutons consulter */
    display: none;
}


/* notice courte panier */

.notice .panier .actions .btn-group {
    display: none;
}


/* fin : notice courte panier */


/* ------- Début cim-short-genre ----  */

div.notice_courte ul.cim-short-genre {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 0.857em;
}

div.notice_courte ul.cim-short-genre li {
    display: block;
    float: left;
    background: #CCC;
    padding: 2px;
    margin-right: 3px;
    margin-bottom: 3px;
}


/* ------- Fin cim-short-genre ----  */


/* ------- Début template résumé ----  */

div.notice_courte p.template-resume {
    font-weight: 600;
    font-size: 0.857em;
    font-family: 'SourceSansPro-Regular', sans-serif;
    font-family: 'SourceSansPro', sans-serif;
}

div.notice_courte p.template-resume span {
    font-weight: normal;
}


/* ------- Fin template résumé ----  */


/* -------- Début mot plein texte de CMS--*/

div.notice_courte p.highlight,
div.notice_courte p.highlight em {
    color: #808285;
    border: none;
}


/* ---- cim-short-CONTRAT_1 --*/

div.notice_courte p.cim-short-CONTRAT_1 {
    display: none;
}


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

#modeDisplayVignet li.search-item,
#modeDisplayVignet li.search-item:hover {
    border: 0;
}

#modeDisplayVignet .vignet {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 12px;
    background: #fff;
    border-radius: 0;
    border: 2px solid #b3d6fd;
    position: relative
}

#modeDisplayVignet .noStatus {
    border-radius: 0;
    background-color: transparent
}

#resultats>ul>li.on .vignet {
    -webkit-box-shadow: 0 -5px 0 0 #b3d6fd inset;
    box-shadow: 0 -5px 0 0 #b3d6fd inset
}

#modeDisplayVignet .vignet {
    height: 265px;
    padding-bottom: 1rem;
}

#containerSearchList .titleVignet,
#modeDisplayVignet .titleVignet {
    cursor: default;
    height: 2.4rem;
    font-family: LinotypeBrewery, sans-serif;
    text-transform: uppercase;
    font-size: .825rem;
    margin-bottom: .5rem;
}

#modeDisplayVignet .vignet .notice_container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-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;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: 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: 180px;*/
    height: 150px;
    width: auto;
    min-width: 100%
}

#modeDisplayVignet .vignet .informationVignet {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-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;
}


/*! 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; */
        position: static;
        width: 100%;
    }
    #page>div.contenu #options_resultat .panel-heading {
        display: block;
        /*        -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;*/
        padding: 1rem 0;
    }
    @supports (display:flex) {
        #page>div.contenu #options_resultat .panel-heading {
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
    }
    #page>div.contenu #options_resultat .panel-heading h2 {
        padding-right: 0;
    }
    #page>div.contenu #options_resultat .icon-arrow-up::before {
        content: url(images/icon-back-50.svg);
        margin-right: .5rem;
    }
    #page>div.contenu #options_resultat .btn-dark {
        background: transparent;
        border: 0;
        color: #001b3b;
    }
    #resultats_recherche.col-md-8 {
        width: 100%;
        padding: 0;
    }
    #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
    }
}

#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: #b3d6fd!important;
    font-weight: 700!important
}

@media (max-width:767px) {
    #resultats>ul:not(#modeDisplayVignet) .select:after {
        color: #ccc;
        line-height: 0
    }
}


/*! fin : affichage resultats notices courtes "MOSAIQUE TABLEAU" */


/* ###################### Fin Notice courte #################### */


/* ###################### Début Notice Longue #################### */


/* --- Début Bouton Player de chaque document ---- */

a.player-link:before {
    /* triangle play avant*/
    content: url("images/play_bl.png");
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}


/* ---- Fin Bouton Player de chaque document ---- */

#notice_longue h2 {
    background: none;
}

#notice_longue h2.category_header span {
    /* Correspond à Description, recherches associées, ressources liées... */
    background: none repeat scroll 0 0 #fff;
}

#notice_longue a {
    color: #1675e1;
}

#notice_longue .line_first_zone:after {
    content: url("images/pp-trait-separateur-noir.png");
}


/* --- Début First Zone --- */

#notice_longue .first_zone {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

#notice_longue .imagetypedocfull {
    /* Vignette à gauche avec typo document */
    width: 170px;
    padding: 4px;
    float: left;
    margin-right: 15px;
}

#notice_longue .vignette_document img.ermes-thumb {
    /* Disparition de la vignette */
    max-width: 300px;
    display: none;
}

#notice_longue p.item-Type {
    /* Exemple : sous-partie de concert*/
    font-family: 'SourceSansPro-Bold';
    font-size: 1rem;
    font-family: 'SourceSansPro';
    font-weight: 600;
}

#notice_longue p.item-Type a {
    text-decoration: none;
    cursor: context-menu;
}


/* --- Fin First Zone --- */

#notice_longue p.item-author#author {
    font-size: 1.286em;
    font-family: 'SourceSansPro-Bold';
    font-family: 'SourceSansPro';
    font-weight: 600;
    float: left;
}

#notice_longue p.item-author#author {
    font-size: .875rem;
    font-family: 'SourceSansPro-Regular', sans-serif;
    font-family: 'SourceSansPro', sans-serif;
    float: none;
    clear: both;
}

#notice_longue .fichier-audio-video {
    display: none;
}

#notice_longue .cim-short-genre.uni100 {
    /* Uniquement pour les UNI100 */
    margin-bottom: 10px;
}

#notice_longue .item-publisher {
    width: 100%;
    float: left;
}


/*------ Début - Document à télécharger pdf - notice oeuvres et bouton dossier pédagogique ----------*/

#notice_longue a.document-link:before {
    /* picto note de programme */
    content: url("images/picto_pdf.png");
    display: inline-block;
    vertical-align: middle;
}

#notice_longue a.notice-dp:before {
    /* Picto dossier pédagogique devant le lien */
    content: url("images/picto_dossier_pedagogique.png");
}

#notice_longue .document-link {
    display: block;
    float: left;
    background-color: #b3d6fd;
    padding: 6px 12px;
    font-size: 1.286em;
    color: #000;
    margin-top: 10px;
}


/*------ FIN - Document à télécharger pdf - notice oeuvres ----------*/

#notice_longue .introdoc {
    width: 100%;
    height: auto;
    float: left;
}

#notice_longue .item-publisher li {
    font-family: LinotypeBrewery-regular;
    float: left;
    padding-right: 2%;
    padding-left: 1%;
    border-left: 1px solid #CCCCCC;
    margin-bottom: 1%;
}


/* ----- Début Programme --- */

#notice_longue #programme-plage {
    /* Programme des plages */
    float: left;
    border: 1px solid #ebebeb;
    padding: 10px;
    width: 58.5%;
    margin-right: 2em;
}

#notice_longue #programme-plage h2,
#notice_longue #contexte h2,
#notice_longue #ressourceliee h2 {
    /*
				background: url("images/h2.png") repeat-x scroll left center rgba(0, 0, 0, 0);
				font-size: 1.714em;
				text-transform:uppercase;
*/
}

#notice_longue .dl-horizontal:not(:first-child) {
    margin-top: 10px;
}

#notice_longue #programme-plage ul#liste_plage li {
    list-style-image: url(images/puces.png);
    margin-left: 15px;
    clear: both;
}

#notice_longue .maj {
    /* Class dans programme plage exemple : Fait partie du concert... */
    font-size: 1.143em;
    text-transform: uppercase;
    font-family: LinotypeBrewery-regular;
    font-weight: normal;
}

#notice_longue #contexte ul.marge {
    float: left;
    width: 100%;
}

#notice_longue .dl-horizontal dt {
    width: 100%;
    margin-top: 5px;
}

#notice_longue #ressourceliee .marge.uni100liste li {
    list-style-image: url(images/puces.png);
    margin-left: 15px;
    clear: both;
}

#notice_longue #ressourceliee .marge.uni100liste li p {
    margin: 0;
    clear: both;
}


/* PDF */

#notice_longue .pdf {
    width: 23px;
    height: 27px;
    margin-right: 3px;
}

#notice_longue li.prog {
    /* espace entre place et lien téléchargement PDF */
    margin-top: 15px;
}


/* ----- Fin Programme --- */


/* ----- Début Contexte */

#notice_longue #contexte {
    float: left;
    border: 1px solid #ebebeb;
    padding: 10px;
    width: 38%;
}

#notice_longue .btn-info.tarzan {
    float: left;
    margin: 0px 6px 6px 0px;
    padding: 1px 3px 1px 2px;
    color: #000;
}

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


/* ----- Fin Contexte */


/* ----- Début ressources liées--------*/

#notice_longue #ressourceliee {
    float: left;
    border: 1px solid #ebebeb;
    padding: 10px;
    width: 100%;
    margin: 2em 0em;
}

#notice_longue #ressourceliee ul#liste_plage li {
    list-style-image: url(images/puces.png);
    margin-left: 15px;
    clear: both;
}


/* ----- Début offre media----------*/

#notice_longue .offre-media-topo {
    display: none;
}


/* ----- Fin offre media----------*/


/* ----- Début Suggestion-----*/

#notice_longue #detail-notice-selections,
#notice_longue #tab_suggestion {
    display: none;
}


/* ----- Début page CMS ----*/

#notice_longue .page-cms a {
    color: #000;
}


/* ----- Fin page CMS ----*/


/* --- Box connection --- */

#notice_longue .box-connect {
    /*
		        display:block;
		        float:left;
		        clear:both;
		        width:30%;
				padding:10px;
				margin-left:180px;
*/
}

#notice_longue .box-connect {
    display: inline-block;
    float: none;
    clear: both;
    /* width: 30%; */
    padding: 10px;
    /* margin-left: 180px; */
}

#notice_longue .box-connect p {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 5px;
}


/* --- Fin Box connection --- */

@media screen and (min-width: 200px) and (max-width: 960px) {
    #notice_longue #programme-plage,
    #notice_longue #ressourceliee,
    #notice_longue #contexte {
        /* Bouton consulter*/
        width: 100%;
        margin: 1em 0;
    }
}

@media screen and (min-width: 200px) and (max-width: 480px) {
    #notice_longue .box-connect {
        margin-left: 0;
        width: 75%;
    }
    #notice_longue .imagetypedocfull {
        display: none;
    }
}


/* ###################### Fin Notice Longue #################### */


/* ###################### Fin Notices courtes et Longues ############################# */


/* ######################################## */


/* ######################################## */


/* NOTICES LONGUES v2021 */


/* ######################################## */

.contenu #detail-notice {
    background: transparent;
    border-radius: 1rem;
}

.contenu #resultats_detail {
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
}

.contenu #resultats_detail .vignette_container,
.contenu #resultats_detail .vignette_document {
    margin: 0;
}


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

div.notice_courte .notice_corps h3 {
    font-family: LinotypeBrewery, sans-serif;
    font-weight: 400;
    font-size: 1.143em;
    color: #000;
    line-height: 22px
}

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: 'SourceSansPro', sans-serif
}

div.notice_courte p.template-resume span {
    font-weight: 400;
    display: inline-block
}

.template-info li {
    color: #999
}

#resultats>ul>li .btn-dark {
    padding: .5rem 1rem;
	border-radius:2rem;
}

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

@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: 'LinotypeBrewery-Regular', 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 .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_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: 'LinotypeBrewery-Regular', sans-serif;
    font-weight: 400;
}

#notice_longue .btn-info.tarzan {
    float: left;
    margin: 0 6px 6px 0;
    padding: 1px 3px 1px 2px;
    color: #000;
    background-color: #e6e6e6;
    border: 0;
}

#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;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: 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; */
    -webkit-transition: none;
    -o-transition: none;
    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
}

.page-Recherche-PAD .detail-icon-container {
    /*    background-color: #f5f5f5;*/
    margin-right: -10px;
    margin-bottom: 0
}

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

@supports (display:flex) {
    div#notice_longue_description,
    div#notice_longue_description .bibliotheque_numerique,
    div.notice_longue_description-conteneur {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1 100%;
        flex: 1 100%
    }
}

div#notice_longue_description>*,
div#notice_longue_description .bibliotheque_numerique>*,
div.notice_longue_description-conteneur>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%
}

#notice_longue #contexte,
#notice_longue #programme-plage {
    min-width: 38%;
    -webkit-box-flex: 1;
    -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: var(--philharmonie-font);
    font-weight: 600;
    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: none;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 600;
    color: #001b3b;
    margin-bottom: .35rem;
    font-size: 1rem;
}

#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: var(--philharmonie-font);
    font-weight: 700;
    margin-bottom: 1rem;
    text-indent: 0;
    color: #001b3b;
}

@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: var(--philharmonie-font);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: .5rem;
    color: #001b3b;
}

#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 {
    color: #001b3b;
    float: none;
    clear: both;
    padding: 0 .5rem;
    font-size: .875rem;
    font-weight: 600;
}


/*#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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    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%;*/
    -webkit-box-flex: 1;
    -ms-flex: 1 250px;
    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%;*/
    -webkit-box-flex: 1;
    -ms-flex: 1 450px;
    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;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*.notice_longue_description-conteneur */

.notice-video #programme-plage ul#liste_plage li:before {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .35rem;
    padding-left: 1rem;
    font-size: .9rem;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    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 {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    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;
    -webkit-box-flex: 3.5;
    -ms-flex: 3.5;
    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;
    -webkit-box-flex: 2.5;
    -ms-flex: 2.5;
    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;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#notice_longue .notice-video li.prog a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem;
    font-size: .875rem;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 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: LinotypeBrewery, sans-serif;
    -webkit-transition: unset;
    -o-transition: unset;
    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;
    /*!
    -webkit-display: flex; -moz-display: flex; -o-display: flex; 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 {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#notice_longue .notice-video #contexte .dl-horizontal {
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ebebda;
    border-radius: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 250px;
    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;
    -webkit-transition: unset;
    -o-transition: unset;
    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 {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#notice_longue .notice-video #ressourceliee .dl-horizontal,
#notice_longue_description #ressourceliee .dl-horizontal {
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ebebda;
    -webkit-box-flex: 1;
    -ms-flex: 1 340px;
    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;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #ebebda;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    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 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .25rem 0 .25rem 1.5rem;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    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;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}

#ressourceliee .marge {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    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 */

.concert_rec {
    padding: 1rem;
}


/* ################################################################################# */


/* FIN : notices longues v2021 */


/* ################################################################################# */


/* ################################################################################# */


/* menu PP */

#pdpmenu {
    display: none;
    visibility: hidden;
}


/* footer PP */


/*footer {
    display: block;
    font-family: 'LinotypeBrewery-Regular';
    font-weight: 400;
}*/

footer p {
    color: #FFF;
    font-size: 16px;
    line-height: 14px;
}

.l-footer {
    width: 100%;
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    bottom: 0px;
}

.l-footer .l-footer-top {
    background-color: #202020;
    padding-top: 2rem;
}

.l-footer .l-footer-middle {
    /*background-color: #1C1C1C;*/
    /* background-color: #F7F6F4 !important; */
    background-color: #999 !important;
    display: block;
    overflow: auto;
    padding-bottom: 23px;
}

.bg-white {
    background-color: #F7F6F4 !important;
}

.l-footer .l-footer-bottom {
    display: block;
    background: url("https://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/bg_footer.jpg") 0px 0px repeat-x #E0E0E0;
    padding-bottom: 20px;
    padding-top: 80px;
}

.l-region--footer,
.l-region--footer-bottom {
    margin-left: auto;
    margin-right: auto;
    max-width: 970px;
    padding-top: 0px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.l-footer-bottom {
    background: none !important;
    background-color: #999999 !important;
}


/* Nouveau footer Maj--------------------------------------------------- */

.edutheque footer.l-footer {
    display: flex;
    flex-direction: column;
    background-color: #001B3B;
    width: 100%;
}

.logos-footer-ctn {
    width: 90%;
    margin: 0 auto;
    max-width: 1600px;
}

.logos-footer {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    border-bottom: solid 1px rgb(21, 38, 57);
    border-top: solid 1px rgb(21, 38, 57);
    align-items: center;
    justify-content: space-between;
    min-height: 180px;
}

.logo-img-footer {
    margin: 22px;
}

.logo-img-footer img {
    max-width: 124px;
    max-height: 78px;
}

.logo-img-footer a {
    display: inline-block;
    padding: 10px;
}

.pp-logo-ctn a {
    padding: 10px;
}

#ville-paris img {
    width: 68px;
}

.pp-logo-ctn {
    display: flex;
    min-height: 160px;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    max-width: 1600px;
}

.pp-logo-ctn img {
    width: 250px;
    max-height: 75px;
    margin-left: 21px;
}

.apropos-ctn {
    min-height: 130px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.apropos-ctn p {
    margin: 0 auto;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-weight: 600;
}

.apropos-ctn a {
    color: #C3C3C3!important;
}

#ecole-confiance {
    padding: 10px;
}


/* FIN - Nouveau footer Maj--------------------------------------------------- */


/*header {	/* Code en commentaire par Sarah - a vérifier */


/*height:300px;
}*/

.searchContainer {
    margin-top: 50px;
}

.contenu .searchContainer {
    margin-top: 0;
}

#page>.contenu>main>.searchContainer,
#page>.contenu>main>div>.searchContainer {
    margin-top: 1rem;
}


/* Masquer les boutons réseaux sociaux, twitter et newsletter */

#nav_connexe .connexe-1274,
#nav_connexe .connexe-1275,
#nav_connexe .connexe-1288 {
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

#mobile-actions #share_social_mobile {
    display: none;
}


/* Cécile D - encart home : Atelier Découvrir Eduthèque */

.atelierDecouvrirEdutheque .center {
    text-align: center;
}

.atelierDecouvrirEdutheque p {
    font-size: 13px;
}

.atelierDecouvrirEdutheque .containerAtelier {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 5px solid #b3d6fd;
    background-color: #EEF6FF;
}

.atelierDecouvrirEdutheque .elementAtelier {
    padding: 1%;
    width: 30%;
}

.atelierDecouvrirEdutheque .elementAtelier img {
    max-width: 30px;
}

@media screen and (max-width: 760px) {
    .atelierDecouvrirEdutheque .containerAtelier {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0;
        width: 99%;
        margin: 0 auto;
    }
    .atelierDecouvrirEdutheque .center {
        text-align: left;
    }
    .atelierDecouvrirEdutheque .elementAtelier {
        width: 80%;
    }
    .atelierDecouvrirEdutheque .elementAtelier:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .atelierDecouvrirEdutheque .elementAtelier:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-bottom: 20px;
    }
}


/* Mix page PAD / page EDUTHEQUE */

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

.heroTexte {
    text-align: center;
}


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


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


/* Mozaique PAD */


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


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

.pagesDecouverte.portraits-compositeurs #portal .frame.frame-ermes-carousel.pagesDecouverteMosaique {
    /* max-width: 960px !important; */
    /* margin: 0 auto !important; */
    background-color: white !important;
}


/* Filtres ordre alphabétique */

.pagesDecouverte .nav--filtres {
    margin: 80px 10px 0 10px;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.pagesDecouverte .nav--filtres ul.ordreAlpha {
    /* -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; */
    list-style: none;
    padding: 0;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 35px;
}

.pagesDecouverte .nav--filtres .ordreAlpha li {
    color: grey;
    text-decoration: none;
    /* text-transform: uppercase; */
    padding: 0px 10px;
    border: rgba(255, 255, 255, 0.0) solid 2px !important;
}

.pagesDecouverte .nav--filtres .ordreAlpha li.selected {
    color: black;
    border: #b3d6fd 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: #b3d6fd 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;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    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 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        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:not(.page-2021) .mosaique {
    margin: 30px 10px 0 10px;
}

.pagesDecouverte:not(.page-2021) .mosaique ul {
    padding: 0 0 80px 0 !important;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagesDecouverte:not(.page-2021) .mosaique li {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px;
    /* width: 220px; */
    -webkit-box-flex: 1;
    -ms-flex: 1 20%;
    flex: 1 20%;
}

@media only screen and (min-width: 586px) {
    .pagesDecouverte:not(.page-2021) .mosaique li:last-of-type {
        flex: auto;
        max-width: 220px;
    }
}

.pagesDecouverte:not(.page-2021) .mosaique img {
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
}

.pagesDecouverte:not(.page-2021) .mosaique .double {
    /* flex: 1 40%; */
}

.pagesDecouverte:not(.page-2021) .mosaique .prochainementDispo {
    display: none;
}

.pagesDecouverte:not(.page-2021) .mosaique .positionTop img {
    -o-object-position: top;
    object-position: top;
}

.pagesDecouverte:not(.page-2021) .mosaique .positionBottom img {
    -o-object-position: bottom;
    object-position: bottom;
}

@media only screen and (max-width: 767px) {
    .pagesDecouverte:not(.page-2021) .mosaique li {
        -webkit-box-flex: 1;
        -ms-flex: 1 30%;
        flex: 1 30%;
    }
    .pagesDecouverte:not(.page-2021) .mosaique .double {
        -webkit-box-flex: 1;
        -ms-flex: 1 60%;
        flex: 1 60%;
    }
}

@media only screen and (max-width: 421px) {
    .pagesDecouverte:not(.page-2021) .mosaique li {
        -webkit-box-flex: 1;
        -ms-flex: 1 50%;
        flex: 1 50%;
    }
    .pagesDecouverte:not(.page-2021) .mosaique .double {
        -webkit-box-flex: 1;
        -ms-flex: 1 50%;
        flex: 1 50%;
    }
}


/* Survol Vignettes */

.pagesDecouverte:not(.page-2021) .mosaique li {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pagesDecouverte:not(.page-2021) .mosaique a {
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    height: 56px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pagesDecouverte:not(.page-2021) .mosaique p {
    position: absolute;
    color: white;
    top: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    left: 10px;
    margin-right: 10px;
}

.pagesDecouverte:not(.page-2021) .mosaique p {
    color: #666;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pagesDecouverte:not(.page-2021) .mosaique h3 {
    position: absolute;
    top: 7px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    left: 10px;
    margin-top: 0;
    font-family: LinotypeBrewery-Bold;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
    font-size: .875rem;
    font-weight: normal;
    color: #000;
    line-height: 1.5;
}

@media (min-width:768px) {
    .pagesDecouverte:not(.page-2021) .mosaique a {
        /* height: 2.5rem; */
    }
    .pagesDecouverte:not(.page-2021) .mosaique h3 {
        font-size: 1rem;
    }
}

.pagesDecouverte:not(.page-2021) .mosaique h4 {
    color: white;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-right: 10px;
    font-family: 'SourceSansPro-Light', sans-serif;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-top: 13px;
}

.pagesDecouverte:not(.page-2021) .mosaique p.detail {
    color: rgba(255, 255, 255, 0) !important;
    padding-top: 1.5rem;
    font-size: .875rem!important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 20px;
    margin: 0;
}

.pagesDecouverte:not(.page-2021) .mosaique li:hover p.detail {
    color: rgba(0, 0, 0, 0) !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pagesDecouverte:not(.page-2021) .mosaique li:hover p.detail {
    color: rgba(0, 0, 0, 1) !important;
}

.pagesDecouverte:not(.page-2021) .mosaique li:hover a {
    background-color: rgba(255, 255, 255, 0.77);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


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


/* Modifications filtres Majed */


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

.portraits .filtre-choisi {
    display: none;
    border: #d9d9d9 solid 0.5px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.portraits .text-filtrer-par {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
}

.portraits .label-filtrer-par {
    margin-top: 0px;
    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: 0 10px;
}

.portraits div.filres-left {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.portraits div.filres-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    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 0.5px;
    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;
}

.portraits div.menu-deroulant-filtres {
    width: 170px;
}

@-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: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    .portraits ou {
        display: none;
    }
    .portraits section.nav--filtres>div,
    .portraits section.nav--filtres p,
    .portraits section.nav--filtres a,
    .portraits section.nav--filtres 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;
    }
}


/* Fin modifications filtres Majed */

.portraits.pagesDecouverte .mosaique {
    margin: 0 10px;
}


/*  fin : MOSAIQUE  */

#page h2,
#page .panel-front>.x-panel-header span {
    font-size: 1.438rem;
    background: transparent;
}

/* gg 01/09/2022 : correctifs typos */
.dossier-oe-modele #page h2,
.dossier-oe-modele #page h2 *,
.dossier-oe-modele #page #zone-4 h2,
.dossier-oe-modele #page #zone-4 h2 *,
.dossier-oe-modele #page #zone-5 h2,
.dossier-oe-modele #page #zone-5 h2 * {
    font-size: 1.375rem;
    font-weight: 600;
}
/* fin gg 01/09/2022 : correctifs typos */



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


/* PAGE : RESSOURCES PAR MATIERE ET NIVEAU */


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


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


/* Page home selections  */


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

.home-selectionEN #portal {
    padding-top: 50px !important;
}

.home-selectionEN .panel-front,
.home-selectionEN .panel-selection,
.home-selectionEN #portal .panel-body {
    padding: 0;
    margin: 0 auto;
}

.home-selectionEN .frame.encart-hero,
.page-selection-EN .frame.encart-hero {
    background: url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg) no-repeat center;
    background-size: cover;
}

.home-selectionEN .encart-hero .encart-hero,
.page-selection-EN .encart-hero .encart-hero {
    padding: 3rem;
    background: rgba(0, 27, 59, 0.9);
}

.home-selectionEN .contenu #portal .frame.encart-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://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    /*    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -120px !important;
}

.home-selectionEN #page>div.contenu #portal .frame.encart-hero .encart-hero {
    background: transparent;
    padding: 3rem 0 166px;
}


/* remplacer les 2 instructions ci-dessus par celle ci : */


/*
.home-selectionEN .frame.encart-hero,
.page-selection-EN .frame.encart-hero{
    background:linear-gradient( rgba(0, 27, 59, 0.85) 100%, rgba(0, 27, 59, 0.85)100%),url("https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
*/

.home-selectionEN .encart-hero .encart-hero article {
    max-width: 970px;
    margin: 0 auto;
    width: 100%;
}

.home-selectionEN .encart-hero article * {
    color: #fff;
    text-align: center;
}

.home-selectionEN #portal .encart-hero h1 {
    font-family: var(--philharmonie-font);
    text-transform: uppercase;
}

.home-selectionEN #portal #menu-side,
.home-selectionEN #portal #menu-side--body {
    background: transparent;
}

.home-selectionEN #portal #menu-side--body #zone-2-niveau.inactif {
    opacity: 1;
}


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


/* Page single selection */

.page-selection-EN .contenu #portal .frame.encart-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://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    /*    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -120px !important;
}

.page-selection-EN #page>div.contenu #portal .frame.encart-hero .encart-hero {
    background: transparent;
    padding: 3rem 0 166px;
}

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

.page-selection-EN #zone-5 {
    background-color: #EDEFF1;
    padding-top: 1rem;
    border-radius: 1rem;
}

.page-selection-EN .panel-front,
.page-selection-EN .panel-front .panel-heading,
.page-selection-EN .panel-front .panel-body,
.page-selection-EN .panel-front .panel-heading,
.page-selection-EN .panel-front .webframe-ermes-lastviewedresources-item {
    background-color: transparent;
    background: transparent;
    padding: 0;
}

.page-selection-EN #portal {
    padding-top: 50px !important;
}

#portal .frame-standard.panel.panel-front.scroll-spy-on {
    padding: 0;
}

.page-selection-EN #portal .main-float-menu,
.pieces-participatives-liste #portal .main-float-menu {
    margin-top: 0;
}

.pieces-participatives-liste .float-frame-menu.vue-affix {
    box-shadow: none;
    background-color: #fff !important;
}

.page-selection-EN .encart-hero {
    /*
    padding-top: 2rem;
    padding-bottom: 2rem;
*/
}

.page-selection-EN .encart-hero,
.page-selection-EN .encart-hero .encart-hero {
    /*
	background: #001B3B;
	background-color: #001B3B;
*/
}

.page-selection-EN .encart-hero .encart-hero {
    /*
	padding-top: 0;
    padding-bottom: 0;
*/
}

.home-selectionEN #page>div.contenu #portal .encart-hero h1,
.page-selection-EN #portal .encart-hero h1 {
    color: #fff;
    margin-bottom: 1.5rem;
    font-size: 3.5rem;
    font-family: var(--philharmonie-font);
    font-weight: normal;
    text-transform: uppercase;
}

.page-selection-EN .encart-hero h1,
.page-selection-EN .encart-hero #menu-side--controls {
    line-height: 1;
    text-align: center;
}

.home-selectionEN #page>div.contenu #portal .encart-hero .line,
.page-selection-EN .encart-hero .line {
    line-height: 1;
    margin-top: 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.home-selectionEN #page>div.contenu #portal .encart-hero .line:after,
.page-selection-EN .encart-hero .line:after {
    content: "";
    display: block;
    height: 1px;
    width: 32px;
    border: 0;
    border-bottom: 1px solid #fff;
    background: none;
    margin: 0 auto;
    padding-top: .75rem;
}

.page-selection-EN h2,
.page-selection-EN h3,
.page-selection-EN h4,
.page-selection-EN h2 span,
.page-selection-EN h3 span,
.page-selection-EN h4 span {
    line-height: 1;
    margin: 0;
    color: #001b3b;
    padding: 0;
}

.page-selection-EN h2 {
    text-align: center;
    padding: 2rem 2rem 0;
    border-top: 1px solid #001b3b;
}

.page-selection-EN #zone-5>div:first-of-type h2 {
    padding: 1rem 2rem 0;
    border: 0;
}

.page-selection-EN #zone-4 .sidebar-sommaire h2 {
    border: 0;
}


/* width */

.page-selection-EN ::-webkit-scrollbar {
    width: 8px;
}


/* Track */

.page-selection-EN ::-webkit-scrollbar-track {
    /* background: #f1f1f1; */
    background: transparent;
}


/* Handle */

.page-selection-EN ::-webkit-scrollbar-thumb {
    background: rgba(0, 27, 59, 0.3);
    border-radius: 8px;
}


/* Handle on hover */

.page-selection-EN ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 27, 59, 0.75);
}

.page-selection-EN #portal h3,
.page-selection-EN #portal h3 span {
    font-family: LinotypeBrewery-bold;
    font-weight: normal;
    font-size: 1.3rem;
    margin-bottom: .5rem;
}

.page-selection-EN #page>div.contenu .panel-front {
    padding: 1rem;
}

.page-selection-EN .panel-front.filtres-matiere {
    padding: 0;
}


/* notices courtes des pages sélections */

.page-selection-EN .webframe-ermes-commonviewedresources {
    margin-bottom: 1rem;
}

.page-selection-EN .panel-front .webframe-ermes-lastviewedresources-item {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    background: transparent;
    border: 0;
    border-radius: 1rem;
}

.page-selection-EN .webframe-ermes-lastviewedresources-item>a {
    /*	border-radius: 1rem;*/
    overflow: hidden;
    width: 110px;
    display: block;
    -ms-flex-preferred-size: 110px;
    flex-basis: 110px;
    min-width: 110px;
    max-width: 110px;
    margin-right: .5rem;
    /*	height: 80px;*/
}

.page-selection-EN .vignette_document,
.page-selection #page .frame-ermes-openfindselection .rs-staticList .vignette_container img.img-thumbnail,
.page-selection-EN #page .frame-ermes-openfindselection .rs-staticList .vignette_container img.img-thumbnail {
    margin-right: 0;
    margin-bottom: 0;
}

.page-selection-EN #resultats_recherche .vignette_document img.ermes-thumb,
.page-selection-EN .webframe-ermes-lastcomments .vignette_document img.ermes-thumb,
.page-selection-EN .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb,
.page-selection-EN .webframe-ermes-lastcomments .vignette_document .thumbnail-wrapper,
.page-selection-EN .webframe-ermes-lastviewedresources-item .vignette_document .thumbnail-wrapper {
    width: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1rem;
}

.page-selection-EN .panel-front .webframe-ermes-lastviewedresources-item .notice_corps {
    background-color: transparent;
    background: transparent;
    padding: .75rem;
}

.page-selection-EN #portal .notice_corps {
    position: relative;
    background: #fff;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 1rem;
}

.page-selection-EN #portal .notice_corps .line,
.page-selection-EN #portal .notice_corps .line:after {
    padding: 0;
    margin: 0;
    margin-bottom: .35rem;
    line-height: 1;
    font-weight: 600;
    font-size: 12px;
    color: #666;
}

.page-selection-EN #portal .notice_corps .line::after {
    content: "";
    height: 1px;
    width: 30px;
    background: #444;
    line-height: 1;
    display: block;
    margin-top: .35rem;
}

.page-selection-EN #portal .notice_corps .uniCMS-short .typeDeDoc {
    display: block;
}

.page-selection-EN #portal .notice_corps h3 {
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #333;
    text-transform: none;
    margin-bottom: .5rem;
}

.page-selection-EN #portal .notice_corps li {
    font-size: .825rem;
    line-height: 1.5;
}

.page-selection-EN .notice_corps .template-resume,
.page-selection-EN .notice_corps .template-IncontournableAccroche,
.page-selection-EN .notice_corps .template-info {
    font-size: .825rem;
    margin: 0;
    color: #666;
    display: none;
}

.page-selection-EN .notice_corps .template-resume {
    margin: 0 0 .5rem;
}

@media (min-width:768px) {
    .page-selection-EN .notice_corps .template-resume {
        display: block;
    }
}


/* description app musicales */

.page-selection-EN .notice_corps .uni44c-short .template-resume,
.page-selection-EN .notice_corps .uni42c-short .template-resume,
.page-selection-EN .notice_corps .uni62c-short .template-resume,
.page-selection-EN .notice_corps .uni8c-short .template-resume {
    font-size: .825rem;
    display: block;
}

.page-selection-EN .notice_corps .cim-short-genre,
.page-selection-EN .notice_corps .template-auteur {
    font-size: .825rem;
    display: none;
}


/* docu uni4 : affichage durée */

.page-selection-EN .notice_corps .uni2c-short .cim-short-duree-type-doc,
.page-selection-EN .notice_corps .uni42c-short .cim-short-duree-type-doc,
.page-selection-EN .notice_corps .uni62c-short .cim-short-duree-type-doc,
.page-selection-EN .notice_corps .uni4-short .cim-short-duree-type-doc,
.page-selection-EN .notice_corps .uni4c-short .cim-short-duree-type-doc,
.page-selection-EN .notice_corps .uni44c-short .cim-short-duree-type-doc,

/*#page > .contenu .rs-staticList .notice_corps .cim-short-duree-type-doc,*/

.page-selection-EN #page>.contenu .rs-staticList .notice_corps .cim-short-duree-type-doc {
    position: absolute;
    left: -110px;
    top: 60px;
    background: rgba(0, 27, 59, 0.85);
    color: #fff;
    font-size: 12px;
    padding: 0 .25rem;
}

.rs-staticList .notice_corps {
    position: relative;
}


/* docu uni4 : masquer la date manuscrite (variable $titre_complement affichée dans template-resume au lieu d'une vraie description) */

.page-selection-EN .notice_corps .uni4-short .template-resume {
    display: none;
}

.page-selection-EN .link-absoluteUri {
    display: none;
}


/* tests pour sommaire */

.page-selection-EN #portal .main-float-menu {
    /*
	margin-top: 0;
	background: #f3f2ee;
	border: 1px solid #ccc;
	overflow-y: scroll;
    overflow-x: hidden;
	max-height: 85vh;
*/
}

.page-selection-EN #portal .main-float-menu {
    /*
	position: fixed;
	top: 50px;
	z-index: 2;
*/
}

#page #portal .float-frame-menu {
    /*	width: 666px;*/
    border-radius: 1rem;
}


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


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


/* *****************   Edutheque V2   ***************** */


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


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


/* seulement visible par les lecteurs d'ecran */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* texte des boutons invisibles sur mobile */

.btn>span.hidden-xs {
    display: inline-block!important
}

@media(max-width:767px) {
    .btn>span.hidden-xs {
        display: none!important
    }
}


/* ARIANE */

.nav-MAIN-edtq+#ariane {
    margin: 1rem auto;
    position: absolute;
    /* width: 100%; */
    /* max-width: 100%; */
    visibility: visible;
    z-index: 1;
    margin: .5rem .5rem;
}

.nav-MAIN-edtq+#ariane span.container {
    display: block;
    margin: 0 auto;
}

.nav-MAIN-edtq+#ariane span {
    background: transparent;
}

.nav-MAIN-edtq+#ariane span,
.nav-MAIN-edtq+#ariane span a {
    background: transparent;
    font-size: 12px;
    color: #eee;
    font-weight: normal;
}

figure img {
    border: 0;
    margin-bottom: 10px;
}


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


/* HEADER mobile  */


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

@media (max-width:767px) {
    #mobile-actions {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 80px;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
    }
    #mobile-actions {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        -webkit-transition: top 0.35s ease-in-out;
        -o-transition: top 0.35s ease-in-out;
        transition: top 0.35s ease-in-out;
        width: 100%;
    }
    #mobile-actions.nav-up {
        top: -134px;
    }
}

@media (min-width:768px) {
    .edutheque #mobile-actions {
        display: none!important;
    }
}

.hamburger-mobile .icon-bar {
    background-color: #001b3b;
}

.navbar-toggle .icon-bar {
    height: 2px;
    width: 30px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

#mobile-actions a.homelink-header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#mobile-actions h1 {
    background: url(images/logos/logo-pp-edutheque.svg) no-repeat center;
    background-size: contain;
    width: 140px;
}

#mobile-actions h1 span {
    font-size: 1px;
    opacity: 0;
}

#mobile-actions .sous-titre {
    position: absolute;
    top: 70px;
    margin: 0;
    line-height: 1;
    text-align: center;
    width: 100%;
    z-index: 2;
    max-width: 150px;
    margin: 0 auto;
    left: calc(50% - 150px / 2);
}

#mobile-actions .sous-titre span {
    color: #0095DA;
    text-transform: uppercase;
    font-family: SourceSansPro-SemiBold, sans-serif;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
    font-size: 12px;
    background: #fff;
    display: inline-block;
    padding: 0 .5rem .5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

#dropMenu2 {
    font-size: 1.5rem;
}

#mobile-actions .btn-account,
#mobile-actions .btn-account:hover,
#mobile-actions .btn-account:focus,
#mobile-actions .btn-account:active,
#mobile-actions .btn-account.active,
#mobile-actions .open .dropdown-toggle.btn-account {
    color: #001b3b;
}

#mobile-actions .hamburger-mobile,
#mobile-actions .button-my-account.btn-group {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 4rem;
}

#mobile-actions #connecto2 .icon-lock:before {
    content: '\e814';
    font-size: 1.5rem;
    color: #001b3b;
}

#identite_utilisateur,
.profil-box-header.hidden-lg.hidden-md {
    display: none !important;
}

@media(min-width:992px) and (max-width:1199px) {
    .profil-box-header.hidden-lg.hidden-md {
        /*        display: block !important;*/
    }
}

@media(min-width:1200px) {
    .profil-box-header.hidden-lg.hidden-md {
        /*        display: block !important;*/
    }
}

.dropdown-menu.profilBox .profil-box-header+li {
    display: none;
}


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


/* header desktop */


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


/* NAV CONNEXE (TOP BAR) */

#nav_connexe.nav_connexe--edtq {
    background: #001b3b;
    width: 100%;
    max-width: unset;
    min-height: unset;
}

.nav_connexe--edtq .header-banner-menu {
    width: 100%;
}

@media (min-width:992px) {
    .nav_connexe--edtq .header-banner-menu {
        min-width: 970px;
        width: 970px;
    }
}

@media (min-width:1200px) {
    .nav_connexe--edtq .header-banner-menu {
        min-width: 1170px;
        width: 1170px;
    }
}


/* @media (min-width:1600px){
    .nav_connexe--edtq .header-banner-menu {
        min-width: 1600px;
        max-width: 1600px;
        width: 1600px;
    }
} */

#nav_connexe.nav_connexe--edtq .site-btn,
.nav_connexe--edtq div.button-my-account.btn-group {
    visibility: visible;
}

.nav_connexe--edtq .header-banner-menu .all-link-connexe div:nth-child(1) .btn,
.nav_connexe--edtq .header-banner-menu .all-link-connexe div:nth-child(2) .btn,
.nav_connexe--edtq .header-banner-menu .all-link-connexe div:nth-child(3) .btn {
    display: none;
}

.nav_connexe--edtq .header-banner-menu div:nth-child(4),
.nav_connexe--edtq .header-banner-menu div:nth-child(5),
.nav_connexe--edtq .header-banner-menu div:nth-child(6) {
    position: static;
}

.nav_connexe--edtq .header-banner-menu .btn,
.nav_connexe--edtq .header-banner-menu .connexe-21042 .btn {
    background: transparent;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-right: 1px solid #ccc;
    padding: .5rem 2rem;
    margin-top: 0;
    font-family: SourceSansPro-SemiBold, sans-serif;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
    font-size: .875rem;
    text-transform: none;
}

.nav_connexe--edtq .dropdown-menu.profilBox.pull-right {
    top: 100%;
    padding: .5rem;
}

.nav_connexe--edtq .header-banner-menu .btn-account span {
    color: #fff;
}

.nav_connexe--edtq .header-banner-menu #dropMenu1>span::after {
    font-family: ermes-font-update;
    content: '\e85a';
    display: inline-block;
    /*     position: absolute; */
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    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: 1rem;
    /*     top: 0; */
}


/* bouton metascore */

.nav_connexe--edtq .header-banner-menu .connexe-21042 .btn {
    border-left: 1px solid #FA968C;
    border-right: 1px solid #FA968C;
}

.nav_connexe--edtq .header-banner-menu .btn [class^="icon-"] {
    margin-right: 1rem;
}

.nav_connexe--edtq .link-connexe .icon-mS {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(images/icon-metascore-rose.svg) no-repeat center;
    background-size: contain;
    vertical-align: sub;
}

.nav_connexe--edtq .link-connexe .btn.btn-default .mS {
    font-size: 1rem;
    font-family: LinotypeBrewery-Bold, sans-serif;
    color: #FA968C;
}

.nav_connexe--edtq #connecto {
    display: inline-block;
}

.nav_connexe--edtq .btn-connexion span {
    color: #fff;
}


/* fin TOP BAR */


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


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


/* MAIN NAV : logo + nav + recherche */


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

.header-edutheque {
    border-bottom: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

@media (min-width:768px) {
    .header-edutheque {
        border-bottom: 1px solid #dedede;
        /*        box-shadow: 0 3px 8px #ccc;*/
    }
}


/* LOGO H1 */

.header-edutheque .navbar-header {
    height: 90px;
    /*    background: #f3f2ee;*/
}

.header-edutheque .navbar-header>a {
    height: 90px;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-edutheque .navbar-header h1 {
    background: url("images/logos/logo-pp-edutheque.svg") no-repeat center;
    margin-top: 0;
    width: 192px;
    min-width: 192px;
    background-size: contain;
    margin-right: 1rem;
    margin-bottom: 0;
    text-indent: -99999px;	
}

.header-edutheque .navbar-header .sous-titre {
    background: #fff;
    padding: 0 .25rem;
    margin: 0;
    line-height: 1;
    text-align: center;
}

.header-edutheque .navbar-header .sous-titre span {
    color: #0095DA;
    text-transform: uppercase;
    font-family: SourceSansPro-SemiBold, sans-serif;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
    font-size: .875rem;
}

@media (min-width:768px) and (max-width:991px) {
    .header-edutheque .navbar-header .sous-titre {
        display: none;
    }
}


/* MAIN MENU ERMES */

@media (max-width:767px) {
    .nav-MAIN-edtq {
        height: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        /*	    position: relative;*/
    }
    .nav-MAIN-edtq .navbar-inverse {
        display: none;
    }
}

.header-edutheque .navbar-collapse.bs-navbar-collapse.collapsing,
.header-edutheque .navbar-collapse.bs-navbar-collapse.in {
    position: fixed;
    z-index: 99;
    background: #fff;
    width: 100%;
    height: calc(100% - 80px)!important;
    left: 0;
    top: 80px;
}

@media (min-width:768px) {
    .nav-MAIN-edtq--wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        -webkit-transition: top 0.35s ease-in-out;
        -o-transition: top 0.35s ease-in-out;
        transition: top 0.35s ease-in-out;
        background: #fff;
        border-bottom: 1px solid #dedede;
        width: 100%;
    }
    .page-admin .nav-MAIN-edtq--wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        -webkit-transition: top 0.35s ease-in-out;
        -o-transition: top 0.35s ease-in-out;
        transition: top 0.35s ease-in-out;
        background: #fff;
        border-bottom: 1px solid #dedede;
        width: 100%;
    }
    .nav-MAIN-edtq--wrap.nav-up {
        top: -134px;
    }
    .nav-MAIN-edtq {
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        /*        background: #f3f2ee;*/
        padding: 0;
        /* pour search over nav : */
        /*        position: relative;*/
    }
    .nav-MAIN-edtq.container:before,
    .nav-MAIN-edtq.container:after {
        display: none;
        visibility: hidden;
    }
    .nav-MAIN-edtq .navbar-inverse {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .header-edutheque .navbar-collapse.bs-navbar-collapse.collapsing,
    .header-edutheque .navbar-collapse.bs-navbar-collapse.in {
        position: static;
    }
}

@media (min-width:1200px) {
    .nav-MAIN-edtq.container {
        /*
        width: 100%;
		max-width: 1600px;
*/
        margin: 0 auto;
    }
}

.nav-MAIN-edtq .container {
    width: auto;
    margin: 0;
}

.nav-MAIN-edtq #menu-panel {
    background: none;
    border: 0;
    margin: 0;
    position: static;
    width: auto;
}

.nav-MAIN-edtq #menu-panel .panel-body {
    background-color: transparent;
    margin-top: 0;
    padding: 0;
}

.header-edutheque #ermes_main_menu {
    position: static;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
#ermes_main_menu li.LEVEL1 a:hover {
    background: transparent;
}

#ermes_main_menu li.LEVEL1 li.LEVEL2 a:hover {
    background: transparent;
    color: #ffffff;
}


/* masquer temporairement l'onglet connexion du menu */

.header-edutheque #ermes_main_menu li.LEVEL1:last-child,
#ermes_main_menu li.LEVEL1::last-child>a:hover {
    background-color: transparent;
}

.header-edutheque #ermes_main_menu li.LEVEL1:last-child a:before {
    content: url("images/icon-loupe-bleu.svg");
}

.header-edutheque #ermes_main_menu .LEVEL1 {
    margin-right: 0;
    margin: 0;
    background-color: transparent;
}

.header-edutheque #ermes_main_menu li.LEVEL1 .caret {
    display: block;
    margin-left: .5rem;
}

.header-edutheque #ermes_main_menu li.LEVEL1 .caret,
#ermes_main_menu li.LEVEL1 a:hover .caret {
    border-bottom-color: #001b3b;
    border-top-color: #001b3b;
}

.header-edutheque #ermes_main_menu .LEVEL1>a {
    -webkit--webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz--webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -ms--webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -o--webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-edutheque #ermes_main_menu li.LEVEL2>a {
    color: #001b3b;
    background: #e9e9e9;
}

.header-edutheque #ermes_main_menu .LEVEL1 span {
    font-size: .875rem;
    color: #001b3b;
}

.header-edutheque #ermes_main_menu .intitule-home {
    display: none;
}

@media (min-width:768px) {
    .header-edutheque #ermes_main_menu {
        position: static;
        height: 90px;
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .header-edutheque #ermes_main_menu li.LEVEL1:last-child a span {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-edutheque .navbar-header h1 {
        width: 162px;
        min-width: 162px;
    }
    .header-edutheque .navbar-header .sous-titre span {
        font-size: 12px;
    }
    .header-edutheque #ermes_main_menu .LEVEL1>a {
        padding: .75rem;
    }
    .header-edutheque #ermes_main_menu .LEVEL1 span {
        font-size: .825rem;
    }
}


/* ajouts gestion des sous-menus 2021 */

.nav-MAIN-edtq #ermes_main_menu .dropdown-menu {
    border: 0;
    border-top: 0;
    border-bottom: 1px solid #fff;
}

.nav-MAIN-edtq #ermes_main_menu .dropdown-menu.LEVEL1 {
    right: 0;
    left: unset;
    /*
    width: 570px;
    height: 335px;
*/
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
}

.nav-MAIN-edtq #ermes_main_menu .dropdown-menu.LEVEL1.Type {
    right: 0;
    left: unset;
    width: 570px;
    height: 335px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .5);
}

.nav-MAIN-edtq .open>.dropdown-menu.LEVEL1 {
    right: 0;
    left: unset;
}

.nav-MAIN-edtq #ermes_main_menu .dropdown-menu li {
    font-size: .875rem;
    background: #EBEDF0;
    border-bottom: 1px solid #fff;
}

.nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL2.dropdown-submenu,
.nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL3,
.nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL2:last-of-type {
    background: #F7F7F9;
    border-bottom: 0;
}

.nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL2:last-of-type {
    background: #F7F7F9;
    border-top: 1px solid #fff;
}

.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 a:visited,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2 a:visited {
    background: transparent;
}

.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 a:active,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 a:hover,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 a:focus {
    background: #eee;
}

.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2 a:focus,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2 a:active,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2 a:hover,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2:focus,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2:active,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2:hover,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL3:focus,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL3:active,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL3:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: #fff;
}

.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2.menuCIMU-item__fiches:focus,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2.menuCIMU-item__fiches:hover,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2.menuCIMU-item__fiches>a:focus,
.nav-MAIN-edtq #ermes_main_menu li.LEVEL1 li.LEVEL2.menuCIMU-item__fiches>a:hover {
    background: #F7F7F9;
}

.nav-MAIN-edtq #ermes_main_menu .LEVEL2 span {
    font-size: 0.875rem;
    font-family: "SourceSansPro", "Arial", "Helvetica", sans-serif;
    text-transform: none;
    font-weight: 500;
}

.nav-MAIN-edtq #ermes_main_menu span.detail {
    display: block;
    font-style: italic;
    font-weight: 400;
    font-size: .825rem;
}

.nav-MAIN-edtq #ermes_main_menu .LEVEL3 span {
    padding-left: 1.25rem;
    line-height: 1;
    opacity: .7;
}

@supports (display:flex) {
    .nav-MAIN-edtq .open>.dropdown-menu.LEVEL1 {
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 350px;
        -ms-flex-wrap: wrap-reverse;
        -o-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    @media (min-width:768px) {
        .nav-MAIN-edtq .open>.dropdown-menu.LEVEL1 {
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            max-height: 350px;
            min-height: 336px;
            -ms-flex-wrap: wrap-reverse;
            -o-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li a {
        padding: 1rem 4rem;
        background: transparent;
    }
    .nav-MAIN-edtq .dropdown-menu.LEVEL2 {
        display: block;
        position: static;
    }
}

.header-edutheque #ermes_main_menu li.LEVEL2>a::after {
    content: "";
    display: none;
}


/* fin 1/2 ajouts gestion des sous-menus 2021 */

@media (max-width:767px) {
    #nav-rich-menu,
    #ermes_main_menu {
        background-color: #fff;
        padding-top: 2rem;
        overflow-x: hidden;
    }
    .navbar-collapse.bs-navbar-collapse.collapsing,
    .navbar-collapse.bs-navbar-collapse.in {
        overflow: auto;
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu.LEVEL1 {
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: unset;
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li {
        font-size: .875rem;
        background: #fff;
        border-bottom: 1px solid #EBEDF0;
        max-width: 100%;
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL2:last-of-type {
        background: #fff;
        border-top: 1px solid #EBEDF0;
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li a {
        text-align: center;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1,
    .nav-MAIN-edtq #ermes_main_menu li.LEVEL1:first-child {
        margin: .5rem;
        margin-left: .5rem;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1>a {
        padding: 1.5rem;
        border: solid 1px rgba(0, 27, 59, 0.15);
        border-radius: .5rem;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1>a,
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1>a>span {
        font-size: 1rem;
        font-family: 'LinotypeBrewery-Bold';
        color: #001b3b;
        text-align: center;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1>a>span {
        display: inline-block;
        /*        margin: 0 auto;*/
        text-align: center;
        text-transform: uppercase;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1>a>span.caret {
        margin: 0;
        border: 0;
        opacity: 1;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1>a>span.caret:after {
        font-family: ermes-font-update;
        content: '\e85a';
        display: inline;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        vertical-align: top;
        right: .5rem;
        -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: calc(50% - 10px);
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1.open>a>span.caret:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu .LEVEL3>a {
        padding: .75rem;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL3 span {
        padding-left: 0;
    }
    .nav-MAIN-edtq #ermes_main_menu li.LEVEL1:last-child,
    #ermes_main_menu li.LEVEL1:last-child>a:hover {
        background: #b3d6fd;
        margin-top: 3rem;
    }
    .nav-MAIN-edtq #ermes_main_menu li.LEVEL1:last-child a span {
        display: block;
    }
    .nav-MAIN-edtq #ermes_main_menu .LEVEL1:last-child>a>span {
        margin: 0 1.25rem;
    }
    .header-edutheque #ermes_main_menu li.LEVEL1:last-child a::before {
        content: url("images/icon-loupe-dark.svg");
    }
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL2.dropdown-submenu,
    .nav-MAIN-edtq #ermes_main_menu .dropdown-menu li.LEVEL2:last-of-type {
        background: #fff;
    }
}

@supports (display:flex) {
    @media (max-width: 767px) {
        .nav-MAIN-edtq #ermes_main_menu li.LEVEL1 > a {
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        .nav-MAIN-edtq #ermes_main_menu li.LEVEL1:nth-child(4) a span {
            margin: 0;
        }
        .header-edutheque #ermes_main_menu li.LEVEL1:nth-child(4) a::before {
            content: url("images/icon-loupe.svg");
            display: inline;
            position: static;
            margin-right: 2rem;
        }
    }
}


/* fin 2/2 ajouts gestion des sous-menus 2021 */


/* old // gestion des sous-menus façon "megamenu" */


/*
@media (min-width:768px){
    @supports (display:flex){
        .nav-MAIN-edtq #ermes_main_menu .LEVEL1.display-type-0.open .dropdown-menu.LEVEL1 {
            -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;
            flex-direction: column;
            -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;
            height: 348px;
            left: unset;
            right: 0;
            width: 500px;
            box-sizing: border-box;
            justify-content: space-evenly;
            overflow: hidden;
            align-items: stretch;
            background: #EBEDF0;
        }

        .nav-MAIN-edtq #ermes_main_menu .LEVEL2.dropdown-submenu.open, .LEVEL2.dropdown-submenu {
            flex: 1;
            position: static;
            padding: 1.75rem 0;
            background: antiquewhite;
            box-sizing: border-box;
            display: block;
        }
        .nav-MAIN-edtq #ermes_main_menu .LEVEL2.dropdown-submenu:first-of-type {
            height: 120px;
        }
        .nav-MAIN-edtq #ermes_main_menu .LEVEL2.dropdown-submenu:nth-of-type(2) {
            height: 290px;
        }
        .nav-MAIN-edtq #ermes_main_menu .dropdown-menu.LEVEL2 {
            position: static;
            display: block !important;
        }
        .nav-MAIN-edtq #ermes_main_menu .LEVEL3.display-type-0 {
            max-width: 160px;
        }
        .nav-MAIN-edtq #ermes_main_menu .dropdown-menu.LEVEL1:after {
            display: block;
            content: " ";
            margin: 0;
            flex: 999 999 auto;
        }
    }
}
*/


/* déclencheur de la recherche depuis le menu MAIN d'ermes */

.header-edutheque #ermes_main_menu .icon-loupe {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(images/icon-loupe-bleu.svg) no-repeat center;
    background-size: contain;
    vertical-align: sub;
}

.header-edutheque #ermes_main_menu .nav-Main--item-Search {
    /*    display: none;*/
}


/* MODULE DE RECHERCHE */


/* search full screen */

.nav-MAIN-edtq #search-panel {
    /*
	position: absolute;
    top: 131px;
	right: 0;
	width: 100%;
    flex: 1 100%;
	z-index: 2;
	-webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;
	flex-direction: row;
	justify-content: center;
	top: 131px;
    padding: 2rem 0;
	height: calc(100vh - 131px);
*/
    /*    display: none;*/
}

.nav-MAIN-edtq #search-panel #main_search_form {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

.nav-MAIN-edtq #search-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5rem 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 9px #ccc;
    box-shadow: 0 4px 9px #ccc;
    display: none;
}

@media (max-width:767px) {
    .nav-MAIN-edtq #search-panel {
        position: absolute;
        z-index: 101;
    }
}

.nav-MAIN-edtq #search-panel.closed {
    display: none;
}

.nav-MAIN-edtq #search-panel.open {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-MAIN-edtq #search-panel .panel-body.col-md-8 {
    margin-top: 0;
}

.nav-MAIN-edtq #search-panel .container {
    background: transparent;
    margin-top: 0;
    margin: 0 auto;
}

.nav-MAIN-edtq #main_search_form {
    /*
	position: absolute;
	right: 0;
	top: 27px;
*/
}

.nav-MAIN-edtq #search-panel .input-group {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 435px;
    max-width: 100%;
}

.nav-MAIN-edtq #search-panel .twitter-typeahead {
    background-color: #fff;
    border-radius: 1rem;
    /*	box-shadow: 0 3px 8px #ccc;*/
    margin-right: .5rem;
}

.nav-MAIN-edtq #search-panel .twitter-typeahead:focus-within {
    /*	box-shadow: 0 3px 8px #ccc;*/
}


/*
.nav-MAIN-edtq #search-panel .twitter-typeahead:focus-within:before {
	content:url(images/icon-fermer.svg);
    visibility: visible;
    position: absolute;
    left: -2rem;
    top: calc(50% - 9px);
    cursor: pointer;
    padding-right: 1rem;
}
*/


/*
.nav-MAIN-edtq #search-panel .twitter-typeahead > input {
	border-radius: 1rem;
	border: 1px solid transparent;
	height: 2rem;
    width: 0;
    padding: 1rem;
	background: #ededed url("images/icon-loupe-bleu.svg") no-repeat 9px center;
    cursor: pointer;
    transition: width .25s ease-out;
}
*/

.nav-MAIN-edtq #search-panel .twitter-typeahead>input,
.nav-MAIN-edtq #search-panel .twitter-typeahead:focus-within>input,
.nav-MAIN-edtq #search-panel .twitter-typeahead>input:focus {
    width: 435px;
    border: 1px solid #dedede;
    background: #ededed;
    cursor: auto;
    margin-right: 2.5rem;
    -webkit-box-shadow: 0 3px 8px #ccc;
    box-shadow: 0 3px 8px #ccc;
    border-radius: 2rem;
    outline: 0!important;
}

.nav-MAIN-edtq #search-panel .twitter-typeahead .tt-dropdown-menu {
    border: 0;
    top: 120%!important;
    -webkit-box-shadow: 0 3px 8px #ccc;
    box-shadow: 0 3px 8px #ccc;
    border-radius: 1rem;
    overflow: hidden;
}


/*
.nav-MAIN-edtq #search-panel .input-group .input-group-btn{
    position: absolute;
    z-index: 2;
    right: 0;
	display: inline-block;
    width: 2rem;
	height: 2rem;
    visibility: hidden;
}
*/

.nav-MAIN-edtq #search-panel .twitter-typeahead:focus-within+.input-group-btn {
    z-index: 2;
    visibility: visible;
}

.nav-MAIN-edtq #search-panel .input-group #submit-search {
    background: url("images/icon-loupe-blanc.svg") no-repeat center #0095DA;
    border: 0;
    color: #001b3b;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    padding: 0;
}


/*@media (min-width:768px){*/

.nav-MAIN-edtq #search-panel #main_search_form {
    max-width: 435px;
    margin: 0 auto;
    width: 80%;
}

.nav-MAIN-edtq #search-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3rem 0 4rem;
    background: #e9e9e9;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    /* box-shadow: 0 3px 6px #aaa; */
    /*    display: none;*/
    /* height: 100vh; */
}

.nav-MAIN-edtq.container #search-panel.panel.panel-default.in {
    top: 131px;
    /*    display: none;*/
    display: flex !important;
}


/* .nav-MAIN-edtq #search-panel.panel.panel-default {
    top: 131px;
    display: flex ;
} */

.nav-MAIN-edtq #search-panel {
    top: 131px;
    transition: none;
}

.nav-MAIN-edtq #search-panel.notin {
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
}

.nav-MAIN-edtq #search-panel.in {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.nav-MAIN-edtq #search-panel .input-group {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 435px;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    /* flex-direction: column; */
}

.header-edutheque #group-btn-research {
    display: none;
}

.nav-MAIN-edtq #search-panel .ermes-label.label-search {
    position: static;
    display: block;
    width: 444px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    clear: both;
    overflow: auto;
    max-width: 100%;
    min-width: 444px;
    height: auto;
    text-align: center;
    font-family: LinotypeBrewery-regular, sans-serif;
    color: #001b3b;
    font-size: 4rem;
    margin-bottom: 2rem;
    font-weight: normal;
    cursor: pointer;
}

.nav-MAIN-edtq #search-panel .label-search span {
    display: block;
    width: 444px;
    margin: 0 auto;
    text-align: center;
}

.nav-MAIN-edtq #search-panel .ermes-label.label-search:before {
    content: url(images/icon-close-50.svg);
    position: absolute;
    left: -.25rem;
    margin-top: 5px;
}

.nav-MAIN-edtq #search-panel .input-group-btn {
    position: static;
    text-align: center;
    width: 100%;
}

.nav-MAIN-edtq #search-panel .input-group-btn .icon-search {
    display: none;
}

.nav-MAIN-edtq #search-panel .input-group #submit-search {
    color: #001b3b;
    width: auto;
    height: 2rem;
    border-radius: 2rem;
    padding: .25rem 3rem;
    display: block;
    position: static;
    background: transparent;
    border: 1px solid #001b3b;
    margin: 1rem auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.nav-MAIN-edtq #search-panel .ermes-label.label-search-btn {
    position: static;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-size: .825rem;
    color: #001b3b;
    line-height: 1;
    display: block;
    width: auto;
    height: auto;
    font-weight: 500;
}

.header-edutheque .ermes-label.label-search-btn::before {
    content: url("/ui/skins/CIMU/images/icon-loupe.svg");
    display: inline-block;
    position: static;
    width: 1rem;
    height: .875rem;
    margin-right: 1rem;
    vertical-align: bottom;
}

.nav-MAIN-edtq #search-panel .input-group #submit-search:hover,
.nav-MAIN-edtq #search-panel .input-group #submit-search:focus {
    color: #fff;
    background: #001b3b;
    border: 1px solid #001b3b;
    opacity: 1;
}

.nav-MAIN-edtq #search-panel .input-group #submit-search:hover .label-search-btn,
.nav-MAIN-edtq #search-panel .input-group #submit-search:focus .label-search-btn {
    color: #fff;
}

.nav-MAIN-edtq #search-panel .input-group #submit-search:hover .ermes-label.label-search-btn::before,
.nav-MAIN-edtq #search-panel .input-group #submit-search:focus .ermes-label.label-search-btn::before {
    content: url("/ui/skins/CIMU/images/icon-loupe-blanc.svg");
    display: inline-block;
    position: static;
    width: 1rem;
    height: .875rem;
    margin-right: 1rem;
    vertical-align: bottom;
}


/*}*/

@media (max-width:767px) {
    .nav-MAIN-edtq #search-panel {
        z-index: 101;
        position: fixed;
        top: 0;
        height: 100%;
    }
    .nav-MAIN-edtq #search-panel .twitter-typeahead>input,
    .nav-MAIN-edtq #search-panel .twitter-typeahead:focus-within>input,
    .nav-MAIN-edtq #search-panel .twitter-typeahead>input:focus {
        width: 100%;
    }
    .nav-MAIN-edtq #search-panel .ermes-label.label-search {
        width: 100%;
        max-width: 100%;
        min-width: 90%;
        font-size: 2rem;
        cursor: pointer;
    }
    .nav-MAIN-edtq #search-panel .ermes-label.label-search:before {
        content: url(images/icon-back-50.svg);
        position: absolute;
        left: -1rem;
        margin-top: -2px;
    }
}


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


/* SLIDER horizontal pour les overflows */


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

#page>div.contenu .menuHorizontal.fix {
    position: fixed;
    top: 0;
    max-width: 100%;
    width: 100%;
    background: #fff;
    height: 115px;
    padding: 0;
}

#page>div.contenu .menuHorizontal.fix .menuHorizontal.fix {
    position: static;
    margin: 0 auto;
}

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

.Slider-wrapper {
    height: 115px;
    position: relative;
}

.Slider {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-bottom: 1px solid #b5c0ce;
    width: 100%;
    z-index: 10;
    background-color: white;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 40px;
}

.Slider::-webkit-scrollbar {
    display: none;
}

.Slider .Slider-item {
    padding: 3rem 3rem 0 0;
}

.Slider .Slider-item .Slider-link {
    text-transform: uppercase;
    font-size: 13px;
    text-align: left;
    font-family: LinotypeBrewery-regular, sans-serif;
    padding-bottom: 3rem;
    display: block;
    white-space: nowrap;
}

.Slider .Slider-item .Slider-link>img {
    transform: rotate(-90deg);
    margin-left: 1rem;
    vertical-align: sub;
}

.Slider .Slider-item .Slider-link.active,
.Slider .Slider-item .Slider-link:hover {
    border-bottom: 2px solid #000;
}

.Slider .Slider-item .Slider-link.active {
    font-family: LinotypeBrewery-bold, sans-serif;
    font-weight: 700;
}

@media all and (max-width: 739px) {
    .Slider {
        z-index: 0;
    }
}

.Slider-controls .scroll-slider-button {
    height: 97%;
    padding: 0 5px;
    position: absolute;
    top: 0;
    background: white;
    z-index: 8;
    border: 0;
}

.Slider-controls .scroll-slider-button:focus {
    border: 1px solid white;
}

.Slider-controls .scroll-slider-button .icon {
    height: 25px;
}

.Slider-controls .scroll-slider-button.scroll-right-slider-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 0;
}

.Slider-controls .scroll-slider-button.scroll-right-slider-button .icon {
    margin-bottom: -6px;
}

.Slider-controls .scroll-slider-button.scroll-left-slider-button {
    left: 0;
}


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


/* CARTES : images + texte */


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


/* cartes ermes */

.contenu .modele-image-gauche-texte-droite .thumbnail {
    border-radius: 1rem;
}


/* cartes GG */

.cart--img-txt {
    border-radius: 1rem;
    border: 0;
    overflow: hidden;
    min-width: 242px;
    max-width: 242px;
    width: 242px;
    margin: .5rem;
    background: #fff;
    min-width: 280px;
    max-width: 280px;
}

.cart--img-txt.dark {
    background: #001b3b;
}

.cart--img-txt figure {
    height: 242px;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.cart--img-txt figure>img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 101%;
}

.cart--img-txt .layer-over {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 27, 59, 0.75);
    color: #fff;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    /*
    background: -webkit-linear-gradient(bottom, rgba(0,27,59,0.75) 0%, rgba(0,27,59,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,27,59,0.75) 0%, rgba(0,27,59,0) 100%);
    background: linear-gradient(to top, rgba(0,27,59,0.75) 0%, rgba(0,27,59,0) 100%);
*/
}

.cart--img-txt .layer-over * {
    text-align: center;
}


/* cartes horrizontales */

@media(min-width:992px) {
    .cart--img-txt.horiz {
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: unset;
        max-width: 100%;
    }
    .slider .mosaique-home--item.cart--img-txt.horiz figure,
    .cart--img-txt.horiz figure {
        width: 230px;
        max-width: 230px;
        min-width: 220px;
        height: 100%;
    }
}

@media(min-width:1200px) {
    .slider .mosaique-home--item.cart--img-txt.horiz figure,
    .cart--img-txt.horiz figure {
        width: 255px;
        max-width: 255px;
        min-width: 255px;
        height: 100%;
    }
}


/* carte "accès limité, connectez vous" */


/*
body.anonyme .encart--mozaique-item.promo.newsletter, body.connecte .encart--mozaique-item.promo.cmtMarche {
	display: none;
}
*/

body.anonyme .cart--img-txt.layer-lock .btn.connected,
body.connecte .cart--img-txt.layer-lock .btn.btn-connexion {
    display: none;
}

body.connecte .cart--img-txt.layer-lock .btn.connected,
body.anonyme .cart--img-txt.layer-lock .layer-over,
body.anonyme .cart--img-txt.layer-lock .btn.btn-connexion {
    display: inline-block;
}

body.anonyme .cart--img-txt.layer-lock .layer-over {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.connecte .cart--img-txt.layer-lock .layer-over {
    display: none;
}

.cart--img-txt.layer-lock .layer-over {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart--img-txt.layer-lock .layer-over * {
    display: none;
}

.cart--img-txt.layer-lock .layer-over img:first-of-type {
    display: block;
}

.cart--img-txt.layer-lock .layer-over span:first-of-type {
    font-family: LinotypeBrewery-bold, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.cart--img-txt.layer-lock .layer-over span:nth-of-type(2) {
    font-size: .875rem;
}

.cart--img-txt.layer-lock .layer-over span:nth-of-type(3) {
    font-size: .825rem;
}

.cart--img-txt.layer-lock:hover .layer-over *,
.cart--img-txt.layer-lock a:hover .layer-over *,
.cart--img-txt.layer-lock a:focus .layer-over *,
.cart--img-txt.layer-lock a:focus-within .layer-over *,
.cart--img-txt.layer-lock a:active .layer-over *,
.cart--img-txt.layer-lock:focus .layer-over *,
.cart--img-txt.layer-lock:focus-within .layer-over *,
.cart--img-txt.layer-lock:active .layer-over * {
    display: block;
}

.cart--img-txt.layer-lock:hover .layer-over img:first-of-type,
.cart--img-txt.layer-lock a:hover .layer-over img:first-of-type,
.cart--img-txt.layer-lock a:focus .layer-over img:first-of-type,
.cart--img-txt.layer-lock a:focus-within .layer-over img:first-of-type,
.cart--img-txt.layer-lock a:active .layer-over img:first-of-type,
.cart--img-txt.layer-lock:focus .layer-over img:first-of-type,
.cart--img-txt.layer-lock:focus-within .layer-over img:first-of-type,
.cart--img-txt.layer-lock:active .layer-over img:first-of-type {
    display: none;
}

.cart--img-txt .texte {
    padding: 1rem;
}

.cart--img-txt p {
    margin: 0 0 .5rem;
}

.cart--img-txt.dark p {
    color: #fff;
}

.cart--img-txt .categorie {
    font-size: .825rem;
    font-weight: 600;
    line-height: 1;
    color: #001b3b;
    margin-bottom: .5rem;
}

.categorie:after {
    content: "";
    display: block;
    width: 2rem;
    height: 1px;
    background: #001b3b;
    line-height: 1;
    margin-top: .5rem;
}

.cart--img-txt.dark .categorie:after {
    content: "";
    display: block;
    width: 2rem;
    height: 1px;
    background: #fff;
    line-height: 1;
    margin-top: .5rem;
}

.cart--img-txt .titre {
    font-family: 'Philharmonique', sans-serif;
    color: #001b3b;
    font-size: 1.2rem;
    line-height: 1.25;
    text-transform: uppercase;
    font-weight: 500;
}

.cart--img-txt .sous-titre {
    color: #001b3b;
    opacity: .8;
    font-family: 'Philharmonique', sans-serif;
    text-transform: uppercase;
}

.cart--img-txt.txtOverImg.big .sous-titre {
    font-size: 1rem;
}

.cart--img-txt .description {
    color: #001b3b;
    font-size: .825rem;
    opacity: .8;
}

@media (min-width:1200px) {
    .cart--img-txt .description {
        font-size: .875rem;
    }
}

.cart--img-txt .lieu,
.cart--img-txt .date {
    color: #001b3b;
    font-size: .825rem;
    opacity: 1;
    margin: 0;
}

.cart--img-txt .lieu:before {
    content: url(images/icon-geolocalisation.svg);
    margin-right: .5rem;
    vertical-align: sub;
}

.cart--img-txt .date:before {
    content: url(images/icon-date.svg);
    margin-right: .5rem;
    vertical-align: sub;
}

.cart--img-txt.txtOverImg.big .date:before {
    content: url(images/icon-date-blanc.svg);
    margin-right: 1rem;
    vertical-align: sub;
}

.cart--img-txt.dark .description {
    color: #b5c2d3;
    font-size: .825rem;
}

.home a#tous:hover,
.home a.btn-plus-bl:hover,
.home a.btn-plus:hover,
.home a.btn-plusdbl:hover,
.home .btn-acheter:hover,
.home a.btn-default:hover,
.home a.more-info:hover,
.home a.tarzan:hover,
.home a.document-link:hover,
.home a.btn-first:hover,
.home a.musee-btn:hover,
.home .btn-info:hover,
.home a.btn:hover,
.home a.btn.btn-default.btn-xs:hover {
    /*    opacity: 1;*/
}

.home .cart--img-txt.txtOverImg .texte a.btn-default:hover,
.home .cart--img-txt.txtOverImg .texte a.btn:hover {
    opacity: .7;
}

.home #page>div.contenu .btn.btn-default {
    color: #fff;
    background: #0095DA;
    font-size: .875rem;
    font-weight: 600;
    border-radius: 1rem;
    border: 1px solid #0095DA;
    padding: .35rem 1.5rem;
    margin-top: 1rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.home #page>div.contenu .btn.btn-default.btn-light
/*,
.home #page > div.contenu .cart--img-txt.dark .btn.btn-default */

{
    color: #001b3b;
    background: #fff;
    border: 1px solid #fff;
}

.home #page>div.contenu .btn.btn-default.btn-light span
/*,
.home #page > div.contenu .cart--img-txt.dark .btn.btn-default span*/

{
    color: #001b3b;
}

.home #page>div.contenu .btn.btn-default.btn-light:hover,
.home #page>div.contenu .cart--img-txt.dark .btn.btn-default:hover {
    background: #0095DA;
    border: 1px solid #0095DA;
    color: #fff;
}

.home #page>div.contenu .btn.btn-default.btn-light:hover span,
#page>div.contenu .cart--img-txt.dark .btn.btn-default:hover span {
    color: #fff;
}

.home #page>div.contenu .btn.btn-default.btn-empty {
    background: transparent;
    border: 1px solid #0095DA;
    color: #0095DA;
}

.home #page>div.contenu .btn.btn-default.btn-empty:hover {
    color: #fff;
    background: #0095DA;
    border: 1px solid #0095DA;
}

.home #page>div.contenu .btn.btn-default.btn-empty-light {
    background: transparent;
    border: 1px solid #fff;
}

.home #page>div.contenu .btn.btn-default.btn-empty-light:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #001b3b;
}

.home #page>div.contenu a.btn.btn-empty-light:hover,
.home #page>div.contenu a.btn.btn-empty-light:hover span {
    color: #001b3b;
    opacity: 1;
}

.home #page>div.contenu .btn.btn-default.btn-connexion {
    background: #000;
    border: 1px solid #000;
}

.home #page>div.contenu .btn.btn-default.btn-connexion:before {
    content: '\e802';
    font-family: "ermes-font-update";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1rem;
    margin-right: 1rem;
    text-align: center;
}

.home #page>div.contenu .btn.btn-default.btn-live:before {
    content: url(images/icon-live.svg);
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1.5rem;
    margin-right: 1rem;
    text-align: center;
    line-height: 1;
    vertical-align: inherit;
}

button:focus,
.btn:focus {
    /*	outline: none!important;*/
}


/* Carte texte sur l'image */

.cart--img-txt.txtOverImg {
    height: 484px;
    position: relative;
}

.cart--img-txt .layer-over {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 27, 59, .75);
    color: #fff;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.cart--img-txt.txtOverImg figure {
    height: 484px;
}

.cart--img-txt.txtOverImg .texte {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    width: 100%;
    height: 100%;
    background: rgb(0, 27, 59);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 27, 59, 1)), to(rgba(0, 27, 59, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001b3b", endColorstr="#001b3b", GradientType=1);
    display: block;
}

.cart--img-txt.txtOverImg.sombre .texte {
    background: rgb(0, 27, 59);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 27, 59, 1)), to(rgba(0, 27, 59, .3)));
    background: -o-linear-gradient(bottom, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 100%);
    background: linear-gradient(0deg, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001b3b", endColorstr="#001b3b", GradientType=1);
}

@supports (display:flex) {
    .cart--img-txt.txtOverImg .texte {
        position: absolute;
        bottom: 0;
        padding: 2rem 1rem;
        width: 100%;
        height: 100%;
        background: rgb(0, 27, 59);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 27, 59, 1)), to(rgba(0, 27, 59, 0)));
        background: -webkit-linear-gradient(0deg, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 50%, rgba(0, 27, 59, .0) 75%);
        background: -o-linear-gradient(bottom, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 50%, rgba(0, 27, 59, .0) 75%);
        background: linear-gradient(0deg, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 50%, rgba(0, 27, 59, .0) 75%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001b3b", endColorstr="#001b3b", GradientType=1);
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .cart--img-txt.txtOverImg.sombre .texte {
        background: rgb(0, 27, 59);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 27, 59, 1)), to(rgba(0, 27, 59, .3)));
        background: -webkit-linear-gradient(0deg, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 75%, rgba(0, 27, 59, .0) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 75%, rgba(0, 27, 59, .0) 100%);
        background: linear-gradient(0deg, rgba(0, 27, 59, 1) 0%, rgba(0, 27, 59, .3) 75%, rgba(0, 27, 59, .0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#001b3b", endColorstr="#001b3b", GradientType=1);
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
    }
}

.cart--img-txt.txtOverImg.big .texte {
    padding: 4rem 2rem;
}

.cart--img-txt.txtOverImg .texte * {
    color: #fff;
    opacity: 1;
}

.cart--img-txt.txtOverImg .categorie:after {
    content: "";
    background: #fff;
}

.cart--img-txt.txtOverImg.big .titre {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}


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


/* HOMEPAGE */


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

.home figure img {
    border: 0;
    margin-bottom: 0;
}

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

@media (min-width:768px) and (max-width:991px) {
    .home #page>div.contenu #portal .panel-front,
    #page>.contenu>main>.searchContainer,
    .home #page>.contenu>main>div>.searchContainer,
    .home #page>.contenu [id^="layout-"] .row {
        width: 100%;
        max-width: 100%;
    }
}

.home #page h2,
.home #page .panel-front>.x-panel-header span {
    font-family: var(--philharmonie-font);
    font-size: 1.35rem;
    text-transform: uppercase;
    color: #001b3b;
    font-weight: 700;
    background: transparent;
}

.home h2 span {
    background: transparent;
    padding-right: 0;
}

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

#page>div.contenu a.btn.btn-default,
.v2021 a.btn.btn-default,
.home a.btn.btn-default {
    background: #0095da;
    border-radius: 1rem;
    padding: .25rem 1.5rem;
}

#page>div.contenu a.btn.btn-default.lienExt:before,
.v2021 a.btn.btn-default.lienExt:before,
.home a.btn.btn-default.lienExt:before {
    content: url("images/icon-extlink-blanc.png");
    display: inline-block;
    margin-right: .5rem;
    width: 14px;
    height: 14px;
    line-height: 1;
    /*    vertical-align: sub;*/
}


/*
#page > div.contenu .dark a.btn.btn-default.lienExt:before,
.v2021 .dark a.btn.btn-default.lienExt:before,
.home .dark a.btn.btn-default.lienExt:before{
    content: url("images/icon-extlink-14px.png");
    display: inline-block;
    margin-right: .5rem;
    width: 14px;
    height: 14px;
    line-height: 1;
    vertical-align: sub;
}
#page > div.contenu .dark a.btn.btn-default.lienExt:hover:before,
.v2021 .dark a.btn.btn-default.lienExt:hover:before,
.home .dark a.btn.btn-default.lienExt:focus:before{
    content: url("images/icon-extlink-blanc.png");
    display: inline-block;
    margin-right: .5rem;
    width: 14px;
    height: 14px;
    line-height: 1;
    vertical-align: sub;
}
*/

#page>div.contenu a.btn.btn-default,
#page>div.contenu a.btn.btn-default span,
.v2021 a.btn.btn-default,
.v2021 a.btn.btn-default span,
.home a.btn.btn-default,
.home a.btn.btn-default span {
    color: #fff;
    font-weight: 600;
}


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

.home #page>div.contenu #zone-2,
.home #page>div.contenu .panel-front {
    padding: 0;
}


/* MOSAIQUE HOME PAGE */

.encart-mosaique-home .panel-heading,
.encart-mosaique-home .panel-heading .resize {
    font-size: 0;
    display: none;
}

.encart-mosaique-home .rsItem>p:first-of-type {
    display: none;
}

.mosaique-home {
    padding: 0;
    margin-bottom: 4rem;
}

.mosaique-home::before,
.mosaique-home::after {
    content: "";
    display: none;
}


/* Carte texte sur l'image */

.mosaique-home--item.cart--img-txt.txtOverImg.big {
    margin: 0;
    margin-bottom: .5rem;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
}


/* Mention "événement live" sur grosse carte de la homepage */

.mosaique-home--item.cart--img-txt.txtOverImg.big .mention-live {
    margin: auto;
    padding: .25rem 1rem;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1.5rem;
    font-family: LinotypeBrewery-regular, sans-serif;
}

.mosaique-home--item.cart--img-txt.txtOverImg.big .mention-live:before {
    content: url(/ui/skins/CIMU/images/icon-live.svg);
    width: 5rem;
    margin-right: .5rem;
    display: block;
}

.slider .mosaique-home--item.cart--img-txt.txtOverImg figure,
.cart--img-txt.txtOverImg figure {
    height: 100%;
}


/* Carte classique texte + image */

.cart--img-txt {
    /*    border:1px solid #dedede;*/
    -webkit-box-shadow: 0 3px 8px #ccc;
    box-shadow: 0 3px 8px #ccc;
}

@media (max-width:768px) {
    .slider .mosaique-home--item.cart--img-txt.horiz,
    .slider .mosaique-home--item.cart--img-txt.verti {
        height: 470px;
    }
}

@media (min-width:768px) {
    .slider {
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .mosaique-home--item.cart--img-txt {
        width: unset;
        max-width: unset;
        min-width: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 .5rem 1rem;
    }
    .slider.variable .mosaique-home--item.cart--img-txt {
        margin: 0 .5rem 1rem;
    }
    .mosaique-home--item.cart--img-txt.txtOverImg.big {
        margin: 0 0 1rem;
    }
    .mosaique-home--item.cart--img-txt.txtOverImg.big .description {
        display: block;
    }
    .slider .mosaique-home--item.cart--img-txt.txtOverImg figure,
    .cart--img-txt.txtOverImg figure {
        height: 100%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .slider.variable .mosaique-home--item.cart--img-txt {
        margin: 0 .5rem 1rem;
        min-width: 299px;
        max-width: 299px;
    }
    .slider .mosaique-home--item.cart--img-txt.horiz,
    .slider .mosaique-home--item.cart--img-txt.verti {
        height: 470px;
    }
}

@media (min-width:992px) {
    .home #page>div.contenu .panel-front {
        padding: .5rem;
    }
    .home #page>div.contenu .panel-front.encart-mosaique-home {
        padding-top: 1rem;
    }
    @supports (display:flex) {
        .slider {
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: inherit;
            -ms-flex-align: inherit;
            align-items: inherit;
        }
        .mosaique-home {
            /*
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
*/
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-bottom: 6rem;
        }
        /*
    .slider {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 449px 213px;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }
*/
        .slider {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }
        .mosaique-home .slider {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .slider.variable .mosaique-home--item.cart--img-txt {
            margin: 0 .5rem 1rem;
        }
        .slider.variable .mosaique-home--item.cart--img-txt:last-of-type {
            margin: 0 .5rem 0;
        }
        .slider.variable .mosaique-home--item.cart--img-txt.verti {
            -webkit-box-flex: 1;
            -ms-flex: 1 45%;
            flex: 1 45%;
            /*        max-width: 242px;*/
            height: 448px;
        }
        .slider .cart--img-txt.verti {
            width: unset;
            min-width: unset;
            max-width: unset;
            -webkit-box-flex: 1;
            -ms-flex: 1 22%;
            flex: 1 22%;
        }
    }
    /*
    .mosaique-home--item.cart--img-txt:first-of-type { grid-area: 1 / 1 / 2 / 2; }
    .mosaique-home--item.cart--img-txt:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
    .mosaique-home--item.cart--img-txt.horiz { grid-area: 2 / 1 / 3 / 3; }
*/
    .mosaique-home--item.cart--img-txt {
        margin: 0;
    }
    /*
    .mosaique-home--item.cart--img-txt.txtOverImg.big {
        border-radius: 1rem;
        width: 100%;
        max-width: 100%;
        height: 678px;
        margin:0;
    }
*/
    .mosaique-home--item.cart--img-txt.txtOverImg.big {
        border-radius: 1rem;
        width: 100%;
        max-width: 100%;
        height: 678px;
        margin: 0 .5rem 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .slider .mosaique-home--item.cart--img-txt figure {
        height: 212px;
    }
    .mosaique-home--item.cart--img-txt.horiz {
        -webkit-box-flex: 1;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }
}

@media (min-width:1200px) {
    .slider.variable .mosaique-home--item.cart--img-txt {
        margin: 0 .75rem 1.5rem;
    }
    .slider.variable .mosaique-home--item.cart--img-txt.verti {
        height: 454px;
    }
    .slider.variable .mosaique-home--item.cart--img-txt:last-of-type {
        margin: 0 .75rem 0;
    }
    .mosaique-home--item.cart--img-txt.txtOverImg.big {
        margin: 0 .5rem 0 0;
    }
}


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


/* ENCART METASCORE */

.home .frame.encart-metascore {
    background-color: #fff;
}

.home #page>div.contenu #zone-2 .frame.encart-metascore .encart-metascore {
    background-color: transparent;
}

.carte-horiz-big {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 2rem 4rem;
    width: 100%;
    margin-bottom: 2rem;
    border-radius: 1rem;
    overflow: hidden;
}

@media (max-width:767px) {
    .frame:not(.encart-metascore) .carte-horiz-big {
        /*
            -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;
            flex-direction: column;
            align-items: center;
            padding: 1rem 2rem 4rem;
            width: 80%;
            border-radius: 1rem;
            overflow: hidden;
            margin: 0 auto 2rem;
    */
    }
    .frame:not(.encart-metascore) .carte-horiz-big {
        height: 500px;
        display: block;
        padding: 0;
        width: 80%;
        border-radius: 1rem;
        overflow: hidden;
        margin: 0 auto 2rem;
        background: #fff;
    }
    @supports (display:flex) {
        .frame:not(.encart-metascore) .carte-horiz-big {
            -webkit-display: flex;
            -moz-display: flex;
            -o-display: flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: unset;
        }
    }
    .frame:not(.encart-metascore) .carte-horiz-big .bloc--texte {
        padding: 1rem;
    }
    .frame:not(.encart-metascore) .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; */
    }
    .bao-marseillaise #page>div.contenu .carte-horiz-big .bloc--image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 80%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home #page>div.contenu #zone-2 .frame.encart-metascore .encart-metascore {
        padding: 0 0 0 1rem;
    }
}

.encart-metascore .carte-horiz-big {
    margin-bottom: 0;
}

@media (max-width:529px) {
    .encart-metascore .carte-horiz-big .bloc--image {
        overflow: visible;
    }
}

@media (max-width:767px) {
    #page>div.contenu .encart-metascore .carte-horiz-big {
        padding-top: 0;
        display: block;
    }
    #page>div.contenu .encart-metascore .carte-horiz-big .bloc--image {
        height: 300px;
        overflow: visible;
        width: 80%;
        max-height: 300px;
    }
    #page>div.contenu .encart-metascore .carte-horiz-big .bloc--image img {
        height: unset;
    }
    #page>div.contenu .encart-metascore .carte-horiz-big .bloc--texte * {
        max-width: unset;
    }
}

.carte-horiz-big .bloc--texte {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
}

.frame:not(.encart-metascore) .carte-horiz-big .bloc--texte {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: .75rem;
}

body.listing .frame:not(.encart-metascore) .carte-horiz-big .bloc--texte {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem;
}

.carte-horiz-big h2 {
    font-family: var(--philharmonie-font);
    font-size: 1.35rem;
    text-transform: uppercase;
    color: #001b3b;
    font-weight: 700;
    background: transparent;
}

.carte-horiz-big .bloc--image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 80%;
}

.frame:not(.encart-metascore) .carte-horiz-big .bloc--image {
    flex: 1;
    width: unset;
    max-height: 300px;
}

.carte-horiz-big .bloc--image img {
    position: static;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100%;
    height: 100%;
    margin: 0;
}

@media (min-width:1170px) {
    body.listing .carte-horiz-big {
        max-height: 260px;
    }
    body.listing .carte-horiz-big .bloc--texte {
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4;
        padding: 2rem;
    }
    body.listing #page .carte-horiz-big .bloc--texte>* {
        margin-bottom: 1.5rem;
    }
    body.listing .carte-horiz-big .bloc--image {
        flex: 5;
        width: unset;
    }
}

@media (min-width:768px) {
    .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;
    }
    #page>div.contenu .encart-metascore .carte-horiz-big {
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }
    .carte-horiz-big .bloc--texte {
        padding: 2rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background: #fff;
    }
    #page>div.contenu .encart-metascore .carte-horiz-big .bloc--texte {
        padding: 4rem 0;
    }
    .carte-horiz-big .bloc--image {
        position: relative;
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .bloc-txtG-imgD .bloc--texte {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .bloc-txtG-imgD .bloc--image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .bloc-txtD-imgG .bloc--texte {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .bloc-txtD-imgG .bloc--image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .carte-horiz-big .bloc--image img {
        position: static;
        -o-object-fit: cover;
        object-fit: cover;
        min-width: 100%;
        margin: 0;
    }
    #page>div.contenu .encart-metascore .carte-horiz-big .bloc--image img {
        position: absolute;
        top: -4rem;
        z-index: 0;
        height: unset;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #page>div.contenu .encart-metascore .carte-horiz-big .bloc--image img {
        top: 0;
    }
}

.carte-horiz-big>* {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#page>div.contenu .encart-metascore .carte-horiz-big .bloc--texte * {
    max-width: 444px;
}


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


/* ENCART MATIERES  */

.home .frame.encart-matieres {
    background-color: #001b3b;
}

.home #page>div.contenu .panel-front.encart-matieres {
    background-color: transparent;
    padding: 4rem 0;
}

.home .frame.encart-matieres section>* {
    margin-bottom: 2rem;
}

.home .encart .titres {
    max-width: 444px;
    margin: 0 auto 2rem;
}

.home .encart .titres * {
    text-align: center;
}

.home .frame.encart-matieres .titres * {
    color: #fff;
}

.home .frame.encart-matieres .cartes {
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.home .frame.encart-matieres .cart--img-txt {
    /*    border:1px solid #dedede;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    /*    max-width: 90%;*/
}

@media (min-width:1px) and (max-width:767px) {
    .slider-matieres .slick-slide {
        margin-right: 1rem;
        min-width: 280px;
        max-width: 280px;
    }
    .home .frame.encart-matieres .cart--img-txt {
        min-width: 280px;
        max-width: 280px;
    }
}

@media (min-width:768px) {
    .home #page>div.contenu .panel-front.encart-matieres {
        padding: 4rem 1rem;
    }
    .home .frame.encart-matieres .cartes {
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .home .frame.encart-matieres .cart--img-txt {
        min-width: unset;
        width: unset;
    }
    .home .frame.encart-matieres .cart--img-txt:nth-of-type(1) {
        margin-right: 1rem;
        margin-left: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .home .frame.encart-matieres .cart--img-txt:nth-of-type(2) {
        margin-left: 1rem;
        margin-right: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .home .frame.encart-matieres .cart--img-txt .titre {
        font-size: 1.25rem;
        line-height: 1;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .home .frame.encart-matieres .cart--img-txt {
        min-width: unset;
        width: unset;
        max-width: 40%;
    }
}

.home .frame.encart-matieres .liens {
    text-align: center;
    margin-bottom: 0;
}

.home .frame.encart-matieres .liens .btn {
    display: inline-block;
    width: auto;
}


/* ENCART A VOIR AUSSI */

.home #page>div.contenu .panel-front.encart-aussi {
    padding: 4rem 1rem;
}


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


/* PAGES résultats de recherche */


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

#page>div.contenu .mobile-navigation {
    background-color: #001b3b;
    margin-top: 2rem;
    display: none!important;
}

#page>div.contenu .mobile-navigation>.btn-group,
#page>div.contenu .mobile-navigation .btn {
    color: white;
    background-color: #001b3b;
}


/* intitulé de la recherche + facettes sélectionnées */

.page-Recherche-PAD #page>div.contenu #criteres_recherche {
    padding-left: 0;
    padding-right: 0;
    float: none!important;
    clear: both;
    margin: 0;
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>p:first-of-type {
    display: none
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:first-of-type {
    display: block;
    width: 100%;
    background-color: #001b3b;
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%);
*/
    border: 0;
    padding: .25rem;
    margin-bottom: .75rem;
    text-align: center;
    color: #fff;
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:first-of-type a {
    opacity: 1;
    padding-top: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: unset;
    border: 0;
    background: transparent;
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:first-of-type a span {
    font-family: LinotypeBrewery-bold, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2rem;
    text-transform: none;
    color: #fff;
}

.page-Recherche-PAD #page>div.contenu #resultats_recherche .search-icon-container .search-icon-container--icon {
    color: #ffffff75;
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:nth-of-type(2) {
    /*    margin-left: 20px;*/
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:nth-of-type(n+2) {
    display: inline-block;
    border: 0;
    margin-top: .25rem;
    margin-right: .325rem
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:nth-of-type(n+2) button.removeFacetFilter {
    background-color: #fff;
    padding: 0 .5rem;
    border: 1px solid #ccc!important;
    border-radius: 1rem;
}

.page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:nth-of-type(n+2) button.removeFacetFilter span {
    font-size: .825rem
}

.page-Recherche-PAD #page>div.contenu #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 : */

.page-Recherche-PAD #page>.contenu #criteres_recherche p,
.page-Recherche-PAD #page>.contenu #description_resultats,
.page-Recherche-PAD #page>.contenu .taille_page {
    padding: .5rem 0;
    margin: 0 1rem 0 0;
}

.page-Recherche-PAD #page>.contenu .navigation-page,
.page-Recherche-PAD #page>.contenu .criteres_tri {
    position: static;
    display: inline-block!important;
    padding: 0 .5rem;
    margin: 0;
}

.page-Recherche-PAD #page>.contenu .navigation-page .pagination-container.col-md-7 {
    width: auto;
}

.page-Recherche-PAD #page>.contenu .pagination {
    border-bottom: 0;
    border-radius: 0;
}

.page-Recherche-PAD #page>div.contenu #documents_memorises .navigation-page #description_resultats span,
.page-Recherche-PAD #page>div.contenu #resultats_recherche .navigation-page #description_resultats span {
    font-weight: 500;
    font-size: .875rem;
    text-transform: uppercase
}

.page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like {
    padding: .5rem;
    color: #001b3b;
    font-size: 12px;
    border: 0;
}

.page-Recherche-PAD #page>div.contenu .pagination>li:first-of-type button.btn-link-like,
.page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like.suivant {
    padding: 0;
    font-size: 2rem;
    line-height: 1;
}

.page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like:hover,
.page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like:focus,
.page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like:focus-within {
    background: rgba(0, 0, 0, 0.5);
    background: transparent;
    -webkit-box-shadow: 0 4px 0 #001b3b;
    box-shadow: 0 4px 0 #001b3b;
}

.page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like span {
    border-bottom: 0;
}

.page-Recherche-PAD #page>div.contenu .pagination li {
    vertical-align: middle;
}

.page-Recherche-PAD #page>div.contenu .pagination>.disabled button.btn-link-like:hover,
.page-Recherche-PAD #page>div.contenu .pagination>.disabled button.btn-link-like:focus,
.page-Recherche-PAD #page>div.contenu .pagination>.disabled button.btn-link-like:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus,
.page-Recherche-PAD #page>div.contenu .pagination li.disabled,
.pagination>li.disabled>button.btn-link-like {
    color: inherit;
    cursor: default;
    background-color: transparent;
    border: 0;
    opacity: .8;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-Recherche-PAD #page>div.contenu .pagination>.active>a,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span,
.page-Recherche-PAD #page>div.contenu .pagination>.active>a:hover,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span:hover,
.page-Recherche-PAD #page>div.contenu .pagination>.active>a:focus,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span:focus {
    border-bottom: 0;
    color: #001b3b;
    font-size: 12px;
    padding: 0;
}

.page-Recherche-PAD #page>div.contenu .pagination>.active>a:hover,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span:hover,
.page-Recherche-PAD #page>div.contenu .pagination>.active>a:focus,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span:focus {
    background: rgba(0, 0, 0, 0.5);
    background: transparent;
    -webkit-box-shadow: 0 4px 0 #001b3b;
    box-shadow: 0 4px 0 #001b3b;
}

.page-Recherche-PAD #page>div.contenu .pagination>.active>span,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span:hover,
.page-Recherche-PAD #page>div.contenu .pagination>.active>span:focus {
    border-bottom: 0;
    color: #001b3b;
    font-size: 12px;
    padding: .5rem;
    background: rgba(0, 0, 0, 0.5);
    background: transparent;
    -webkit-box-shadow: 0 4px 0 #001b3b;
    box-shadow: 0 4px 0 #001b3b;
}


/*
.page-Recherche-PAD #page > div.contenu #documents_memorises .navigation-page #description_resultats span.additional-infos,
.page-Recherche-PAD #page > div.contenu #resultats_recherche .navigation-page #description_resultats span.additional-infos {
    display: inline-block;
    position: relative
}

.page-Recherche-PAD #page > div.contenu #documents_memorises .navigation-page #description_resultats span.additional-infos::before,
.page-Recherche-PAD #page > div.contenu #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 #page > div.contenu #documents_memorises .navigation-page #description_resultats span.additional-infos::after,
.page-Recherche-PAD #page > div.contenu #resultats_recherche .navigation-page #description_resultats span.additional-infos::after {
    content: ")"
}

.page-Recherche-PAD #page > div.contenu #documents_memorises .navigation-page #description_resultats>span span:not(.additional-infos),
.page-Recherche-PAD #page > div.contenu #resultats_recherche .navigation-page #description_resultats>span span:not(.additional-infos) {
    display: none
}


.page-Recherche-PAD #page > div.contenu #documents_memorises .panel-search-container>.panel-body>#resultats+div.navigation .navigation-page #description_resultats>span span:not(.additional-infos),
.page-Recherche-PAD #page > div.contenu #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 #page>div.contenu .navigation .criteres_tri {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-display: flex;
    -moz-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-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;
    flex: 4
}

.page-Recherche-PAD #page>div.contenu .navigation .icon-arrow-bottom::before {
    line-height: 1;
}

.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri:before {
    float: none!important;
    clear: both
}

.page-Recherche-PAD #page>div.contenu .criteres_tri .displaymode-icon-container {
    margin-left: 1rem;
    margin-top: 0;
}

.page-Recherche-PAD #page>div.contenu .select-all {
    display: none!important;
}


/* ajout bouton pour faire apparaitre les facettes sur mobile :*/

.navigation .criteres_tri .filterAside {
    display: inline-block;
    float: right;
}

.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .filterAside {
    display: inline-block;
    float: right;
    padding: 0 .5rem 0 1rem;
}

.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .filterAside .icon-filter:before {
    content: '\e81f';
    display: inline-block;
    font-family: 'ermes-font-base';
    font-style: normal;
    font-weight: normal;
    min-width: 1rem;
    font-size: 1rem;
    content: '\e81f';
    color: #001b3b;
    vertical-align: sub;
    margin-top: -2px;
}

@media (min-width:768px) {
    .page-Recherche-PAD #page>div.contenu .navigation.hidden-xs .criteres_tri {
        display: none!important;
    }
}

@media (min-width:992px) {
    .page-Recherche-PAD #page>.contenu .navigation {
        -webkit-display: flex;
        -moz-display: flex;
        -o-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 1.75rem 0 2.5rem;
    }
    .page-Recherche-PAD #page>.contenu .pagination {
        /*        border-bottom: 1px solid #001b3b;*/
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .searchList-btn>button {
        background-color: transparent;
        border: 1px solid #001b3b;
        border-radius: 1rem;
        padding: 0 2rem 0 1rem;
    }
    #page>.contenu .criteres_tri .sort-order {
        background-color: transparent;
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri {
        padding-right: 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .filterAside {
        display: none;
    }
}

@media (max-width:991px) {
    .page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:first-of-type {
        padding: 2rem .25rem;
        margin-bottom: .25rem;
    }
    /* criteres recherche */
    .page-Recherche-PAD #page>.contenu #criteres_recherche p,
    .page-Recherche-PAD #page>.contenu #description_resultats,
    .page-Recherche-PAD #page>.contenu .taille_page {
        padding: .5rem 1.5rem;
        display: none;
    }
    .page-Recherche-PAD #page>div.contenu #criteres_recherche>ul {
        margin-bottom: 1rem;
    }
    .page-Recherche-PAD #page>div.contenu #criteres_recherche>ul>li:nth-of-type(2) {
        margin-right: .325rem;
    }
    .page-Recherche-PAD #page>.contenu #criteres_recherche p,
    .page-Recherche-PAD #page>.contenu #description_resultats,
    .page-Recherche-PAD #page>.contenu .taille_page {
        font-weight: bold;
        padding: .5rem;
        color: #001b3b;
        text-transform: uppercase;
        display: none;
    }
    /*! navigation résultats : */
    .page-Recherche-PAD #page>div.contenu .navigation {
        margin: 0;
        background: #001b3b;
        margin-bottom: 2.5rem;
    }
    .page-Recherche-PAD #page>div.contenu .navigation>.navigation-page.hidden-sm.hidden-xs {
        display: block!important;
        padding: 0;
        margin: .5rem 0;
    }
    .page-Recherche-PAD #page>div.contenu .navigation>.navigation-page .pagination-container,
    .page-Recherche-PAD #page>div.contenu .navigation>.navigation-page .pagination {
        width: 100%;
    }
    .pagination>li:first-of-type {
        float: left;
    }
    .pagination>li:last-of-type {
        float: right;
    }
    .page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like {
        padding: .5rem;
        color: #fff;
        font-size: 12px;
        border: 0;
    }
    .page-Recherche-PAD #page>div.contenu .pagination>li:first-of-type button.btn-link-like,
    .page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like.suivant {
        padding: 0;
        font-size: 2rem;
        line-height: 1;
    }
    .page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like:hover,
    .page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like:focus,
    .page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like:focus-within {
        /*        background: rgba(255, 255, 255, 0.5);*/
        -webkit-box-shadow: 0 -3px 0 #fff inset;
        box-shadow: 0 -3px 0 #fff inset;
    }
    .page-Recherche-PAD #page>div.contenu .pagination button.btn-link-like span {
        border-bottom: 0;
    }
    .page-Recherche-PAD #page>div.contenu .pagination li {
        vertical-align: middle;
    }
    .page-Recherche-PAD #page>div.contenu .pagination>.active>a,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>a:hover,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span:hover,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>a:focus,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span:focus {
        border-bottom: 0;
        color: #fff;
        font-size: 12px;
        padding: 0;
    }
    .page-Recherche-PAD #page>div.contenu .pagination>.active>a:hover,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span:hover,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>a:focus,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span:focus {
        /*        background: rgba(255, 255, 255, 0.5);*/
        -webkit-box-shadow: 0 -3px 0 #fff inset;
        box-shadow: 0 -3px 0 #fff inset;
    }
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span:hover,
    .page-Recherche-PAD #page>div.contenu .pagination>.active>span:focus {
        border-bottom: 0;
        color: #fff;
        font-size: 12px;
        padding: .5rem;
        /*        background: rgba(255, 255, 255, 0.5);*/
        -webkit-box-shadow: 0 -3px 0 #fff inset;
        box-shadow: 0 -3px 0 #fff inset;
    }
    /* criteres de tri */
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri {
        margin: 0;
        position: absolute;
        top: -2.5rem;
        right: .5rem;
        padding: 0;
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order {
        background-color: transparent;
        padding-left: 0;
        float: right!important;
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order .searchList-btn>button {
        background: transparent;
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order .searchList-btn span.labelSelect.sort {
        display: none;
    }
    .sort-order .icon-arrow-bottom {
        font-size: 1rem;
        position: absolute;
        top: 0;
    }
    .page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order .dropdown-toggle .icon-arrow-bottom::before {
        display: inline-block;
        font-family: 'ermes-font-base';
        font-style: normal;
        font-weight: normal;
        min-width: 1rem;
        font-size: 1rem;
        content: '\e81f';
        content: url(images/icon-sort.svg);
        color: #001b3b;
        vertical-align: middle;
    }
}

.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .displaymode-icon-container .dropdown-menu,
.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order .searchList-btn .dropdown-menu {
    left: unset;
    right: 0;
}

.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .displaymode-icon-container .dropdown-menu li,
.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order .searchList-btn .dropdown-menu li {
    background: #EBEDF0;
    color: #001b3b75;
    padding: 0;
    border-bottom: 1px solid #fff;
}

.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .displaymode-icon-container .dropdown-menu li a,
.page-Recherche-PAD #page>div.contenu .navigation .criteres_tri .sort-order .searchList-btn .dropdown-menu li a {
    padding: .5rem;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #001b3b;
    text-decoration: none;
    background-color: #fff;
}

.displaymode-icon-container .active,
.siteRestriction-icon-container .active,
.pageSize-container .active,
.sort-order .active {
    background-color: #fff !important;
    color: #001b3b !important;
}


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


/* RESULTATS RECHERCHE : ASIDE FACETTES */

.facetList.nav-pills.nav-stacked span {
    font-size: .875rem;
    line-height: 1;
}


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


/* PAGES .listing */


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

.listing .contenu #portal .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/chants-de-travail/Afrique-du-Sud/Gumboot-dancer-Michal-Manas-CC-BY-4point0_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Afrique-du-Sud/Gumboot-dancer-Michal-Manas-CC-BY-4point0_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Afrique-du-Sud/Gumboot-dancer-Michal-Manas-CC-BY-4point0_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -120px !important;
}

.listing #page>div.contenu #portal .frame.hero .hero {
    background: transparent;
    padding: 3rem 0 156px;
}

@media (max-width:767px) {
    .listing #page>div.contenu #portal .frame.hero .hero {
        padding-top: 7rem;
    }
}

.listing #page>div.contenu #portal .hero h1 {
    font-size: 3.25rem;
    color: #fff;
    text-align: center;
    font-family: var(--philharmonie-font);
    text-transform: uppercase;
    /*    max-width: 970px;*/
    margin: 0 auto;
}

@media (max-width:767px) {
    .listing #page>div.contenu #portal .hero h1 {
        font-size: 1.75rem;
    }
}

.listing #page>div.contenu #portal .hero h2,
.listing #page>div.contenu #portal .hero h2.sous-titre {
    font-size: 1.65rem;
    color: #fff;
    text-align: center;
    display: block;
    background: none;
    margin: 1rem auto 2rem;
}

.listing #page>div.contenu .hero .separator::after {
    content: '';
    display: block;
    width: 2.3rem;
    border-bottom: 1px solid white;
    height: 1px;
    margin: 16px auto;
}

#page>div.contenu .encart-hero .chapo,
#page>div.contenu .hero .chapo {
    color: #fff;
    font-family: LinotypeBrewery-Bold, sans-serif;
    font-size: 1rem;
    text-align: center;
    margin: 1rem auto;
    max-width: 750px;
}

.litte-orale-home #page>div.contenu .rubrique-oe,
.chant-travail-home #page>div.contenu .rubrique-oe {
    background: transparent;
    background-color: transparent;
}

.litte-orale-home #page>div.contenu #portal .rubrique-oe .panel-front,
.chant-travail-home #page>div.contenu #portal .rubrique-oe .panel-front {
    background: #fff;
    padding: 2rem;
    border-radius: 1rem;
    max-width: 970px;
}


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


/* PAGES .content-oe-modele (chants de travail, Litterature orale, pages découvertes, bac musique) */


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

#page>div.contenu .panel-front {
    background: transparent;
    padding: .5rem;
    margin-right: auto;
    margin-left: auto;
}

#page>div.contenu .panel-front.only-content {
    background: #fff;
}

.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .frame {
    /*    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));*/
    /*    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%),url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Italie/Pecheurs-a-Venise-photo-de-Carlo-Naya-CC-Domaine-Public_HQ.jpg);*/
    /*    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: -120px !important;
}

.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .panel-front {
    padding: 3rem 0 166px;
}

.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) h1,
.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) h1 *,
.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .panel-front.hero .rsItem *,
.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .panel-front .rsItem * {
    /*      color:#001b3b;*/
    color: #fff;
}

.content-oe-modele #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .frame,
.content-oe-modele #page>div.contenu #portal .frame.hero {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 59, 0.4)), color-stop(99%, #001b3b));
    /*    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%),url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Italie/Pecheurs-a-Venise-photo-de-Carlo-Naya-CC-Domaine-Public_HQ.jpg);*/
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 27, 59, 0.4)), color-stop(99%, #001b3b));
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: -120px !important;
}

.content-oe-modele #page>div.contenu #portal .frame.hero .hero {
    background: transparent;
    padding: 3rem 0 166px;
}

.content-oe-modele #page>div.contenu #portal .frame.hero .hero * {
    text-align: center;
}

.content-oe-modele #page>div.contenu #portal .frame.hero h1,
.content-oe-modele #page>div.contenu #portal .frame.hero h1 * {
    font-size: 3rem;
    color: #fff;
    text-align: center;
    font-family: var(--philharmonie-font);
    text-transform: uppercase;
    max-width: 970px;
    margin: 0 auto;
}

.edutheque #page>div.contenu #portal .frame.hero .sousTitre,
.edutheque #page>div.contenu #portal .frame.hero h1 .sousTitre,
.edutheque #page>div.contenu #portal .frame.hero .sousTitre * {
    font-size: 1.625rem;
}

.content-oe-modele #page>div.contenu #portal .frame.hero .separator::after {
    content: '';
    display: block;
    width: 2.3rem;
    border-bottom: 1px solid white;
    height: 1px;
    margin: 16px auto;
}

.content-oe-modele #page>div.contenu #portal .frame.hero .chapo {
    color: #fff;
    font-family: LinotypeBrewery-Bold, sans-serif;
    font-size: 1.125rem;
    text-align: center;
    margin: 1rem auto;
    max-width: 666px;
}


/*
.listing-modele .presentation-oe:after,
.dossier-oe-modele .presentation-oe:after,
*/

.content-oe-modele #page>div.contenu .presentation-oe:after
/*,
.facteur-modele .presentation-oe:after,
.facteur-modele .presentation-expo:after,
.incontournable-modele .presentation-oe:after,
.incontournable-modele .presentation-expo:after*/

{
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
    margin-top: 0px;
    background-color: #fff;
    margin-top: 10px;
}

.content-oe-modele #page>div.contenu #portal .frame.hero .rsItem> :last-child {
    padding-bottom: 0;
}


/*.content-oe-modele */

#page>div.contenu .layout.row {
    background-color: #d4d9de;
}

.page-selection-EN #page>div.contenu .layout.row,
.listing-modele:not(.listing) #page>div.contenu .layout.row,
.page-ficheThematique #page>div.contenu .layout.row,
.dossier-oe-modele:not(.listing) #page>div.contenu .layout.row {
    background-color: #fff;
}

/* SL - Correction suppression du div.contenu dans le html syracuse
.dossier-oe-modele.home-selectionEN #page>div.contenu .layout.row {
    background-color: #d4d9de;
}
*/
.dossier-oe-modele.home-selectionEN #page>div.contenu #portal>div.row {
    background-color: #d4d9de;
}
.dossier-oe-modele.chant-travail-home .oe-accroche .rsItem div,
.dossier-oe-modele.litte-orale-home .oe-accroche .rsItem div,
.dossier-oe-modele.chant-travail-home .oe-accroche .rsItem div {
    float: none;
    width: 100%;
    margin-top: 0;
}

.content-oe-modele #page>div.contenu #layout-3 {
    /*    margin-top:-130px;*/
}

.content-oe-modele #page>div.contenu #zone-4 {
    background: #fff;
    padding: 1.5rem;
    margin-bottom: 2.5rem;
}


/*
.content-oe-modele #page > div.contenu #zone-5{
    padding: 0 0 0 1rem;
}
*/

.page-2021 #page>div.contenu #zone-5,
.content-oe-modele #page>div.contenu #zone-5 {
    padding: 1.5rem 1rem 1rem;
    background: #fff;
    border-radius: 1rem;
    margin-left: 0;
}

.page-2021-1colonne #page>div.contenu #zone-4,
.page-2021-1colonne #page>div.contenu #zone-5 {
    padding: 0;
    min-height: 0!important;
}

.page-2021-1colonne #page>.contenu #zone-6 {
    background: #fff;
    border-radius: 1rem;
    padding: 0;
    overflow: hidden;
}

.page-2021-1colonne #page>.contenu #zone-6 .panel-front {
    padding: 1rem;
}

.page-2021-1colonne #page>.contenu #zone-6 .panel-front.sommaire {
    padding: 0;
}


/* titres dans la sidebar */


/* 
.content-oe-modele #page .contenu #zone-5 h2,
.content-oe-modele #page .contenu #zone-5 h2 span {
    text-transform: none;
}
 */


/* bouton imprimer la page */

.content-oe-modele #page>div.contenu #zone-5 .frame:not(.print-pdf) {
    background: #fff;
    padding: 0;
    border-radius: 1rem;
    margin-bottom: 1rem!important;
}


/*
.content-oe-modele #page > div.contenu #zone-5 .print-pdf > .print-pdf{
    display: block;
}
*/

.page-2021 #page>div.contenu #zone-2 .print-pdf,
.content-oe-modele #page>div.contenu #zone-2 .print-pdf {
    display: none;
}

.page-2021 #page>div.contenu #zone-5 .frame.print-pdf,
.content-oe-modele #page>div.contenu #zone-5 .frame.print-pdf {
    position: static;
}

.page-2021 #page>div.contenu #zone-5 .panel-front.print-pdf,
.content-oe-modele #page>div.contenu #zone-5 .panel-front.print-pdf {
    background: transparent;
}

.page-2021 #page>div.contenu #zone-5 .frame.print-pdf p,
.content-oe-modele #page>div.contenu #zone-5 .frame.print-pdf p {
    text-align: left;
}


/*
.content-oe-modele #page > div.contenu #zone-5 .frame.print-pdf a#printPdf{
    background-color: transparent;
    border-color: #0095DA;
    color: #0095DA!important;
    border-radius: 1rem;
    margin-bottom: 0;
}
*/

#page>div.contenu #zone-5 .frame.print-pdf a#printPdf,
.content-oe-modele #page>div.contenu #zone-5 .frame.print-pdf a#printPdf,
.page-2021 #page>div.contenu #zone-5 .frame.print-pdf a#printPdf {
    background-color: #0095DA;
    border-color: #0095DA;
    color: #fff !important;
    border-radius: 1rem;
    margin-bottom: 0;
}

#printPdf img {
    display: none;
}

#printPdf::before {
    content: url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/icon-print-blanc.svg);
    margin-right: 1rem;
    line-height: 1;
    font-size: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
}

@media (min-width:992px) {
    /*    .page-2021 #page > div.contenu #zone-5,*/
    .content-oe-modele #page>div.contenu #zone-5 {
        width: calc(33.33333333333333% - 1rem);
        margin-left: 1rem;
    }
    .page-2021 #page>div.contenu #zone-5 .frame:not(.print-pdf),
    .content-oe-modele #page>div.contenu #zone-5 .frame:not(.print-pdf) {
        padding: 0;
    }
    .page-2021 #page>div.contenu #zone-5 p.sidebar-heading,
    .content-oe-modele #page>div.contenu #zone-5 p.sidebar-heading {
        margin: 0;
    }
    .page-2021 #page>div.contenu #zone-5 .frame.print-pdf,
    .content-oe-modele #page>div.contenu #zone-5 .frame.print-pdf {
        position: absolute;
        top: -4rem;
        left: unset;
        right: 0;
        padding-right: 0;
    }
    .page-2021 #page>div.contenu #zone-5 .frame.print-pdf a#printPdf,
    .content-oe-modele #page>div.contenu #zone-5 .frame.print-pdf a#printPdf {
        background-color: transparent;
        border-color: #fff;
        color: #fff!important;
        border-radius: 1rem;
    }
    .page-2021 #page>div.contenu #zone-5 .frame.print-pdf p,
    .content-oe-modele #page>div.contenu #zone-5 .frame.print-pdf p {
        text-align: right;
    }
    #printPdf img {
        display: none;
    }
    #printPdf::before {
        content: url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/icon-print-blanc.svg);
        margin-right: 1rem;
        line-height: 1;
        font-size: 1rem;
        height: 1rem;
        display: inline-block;
        vertical-align: middle;
    }
}

.anonyme .frame.print-pdf {
    display: none;
}

.connecte .frame.print-pdf {
    display: block;
}


/* ZONE TITRE HERO 2021 */

body.page-2021 .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://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


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


/* PAGEs Boites à outils 2021 */


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


/*  LA MARSEILLAISE */

.bao-marseillaise #page>div.contenu #portal>.row #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>.row #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;
}

.event-live .icon-live::before {
    content: url(images/icon-live.svg);
    display: inline-block;
    width: 50px;
    height: 45px;
    vertical-align: middle;
    margin: 0 1rem;
}


/* fin : pages boites a outils v2021 */


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


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


/* Pages bac musique 2021 */

.listing.bacMusique #page>div.contenu #portal .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://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://edutheque.philharmoniedeparis.fr/ui/skins/CIMU/images/photos-illus/clavier-ecouteurs-partition.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: -120px !important;
}

.listing.bacMusique #page>div.contenu #zone-2 {
    background: transparent;
}

.listing.bacMusique #page>div.contenu #zone-2 .panel-front:not(.hero) {
    background: #fff;
    padding: 1.5rem;
    border-radius: 1rem;
}

.listing.bacMusique.bac2020 #page>div.contenu #frame-35129,
.listing.bacMusique.bac2019 #page>div.contenu #frame-29647,
.listing.bacMusique.bac2018 #page>div.contenu #frame-26053 {
    display: none;
}


/* images d'arriere-plan des encarts titre "hero" pour LISTE DES CONCERTS PARTICIPATIFS */

.concerts-particip-home #page>div.contenu #portal>.row #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/CMDP000007400/Videos/Galop.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000007400/Videos/Galop.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/CMDP/CMDP000007400/Videos/Galop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.concerts-particip-home #page>div.contenu #portal .panel-front.liste {
    background: #fff;
    border-radius: 1rem;
    margin-bottom: 1rem;
}


/* images d'arriere-plan des encarts titre "hero" pour LITTERATURE ORALE */

.litte-orale-home #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .frame.hero,
.litte-anoman #page>div.contenu #portal>.row #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/Musiques-litteratures-orales/Ramayana/Ramayana-Luciana-Penna.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/Ramayana-Luciana-Penna.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/Ramayana-Luciana-Penna.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.litte-gamelan #page>div.contenu #portal>.row #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/Musiques-litteratures-orales/Ramayana/vignette-gamelan.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/vignette-gamelan.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/vignette-gamelan.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.litte-pieces #page>div.contenu #portal>.row #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/Musiques-litteratures-orales/Ramayana/vignette-pedago.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/vignette-pedago.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/vignette-pedago.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.litte-wayang #page>div.contenu #portal>.row #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/Musiques-litteratures-orales/Ramayana/vignette-entretiens.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/vignette-entretiens.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/Musiques-litteratures-orales/Ramayana/vignette-entretiens.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}


/* images d'arriere-plan des encarts titre "hero" pour CHANTS DE TRAVAIL */

.chant-travail-home #page>div.contenu #portal>.row #zone-2>div:nth-of-type(2) .frame.hero,
.chant-venetie #page>div.contenu #portal>.row #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/chants-de-travail/Italie/Pecheurs-a-Venise-photo-de-Carlo-Naya-CC-Domaine-Public_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Italie/Pecheurs-a-Venise-photo-de-Carlo-Naya-CC-Domaine-Public_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Italie/Pecheurs-a-Venise-photo-de-Carlo-Naya-CC-Domaine-Public_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.chant-mondine #page>div.contenu #portal>.row #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/chants-de-travail/Italie/Mondine-photo-Tina-Casarini_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Italie/Mondine-photo-Tina-Casarini_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Italie/Mondine-photo-Tina-Casarini_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-hoe #page>div.contenu #portal>.row #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/chants-de-travail/Etats-Unis/Hoe-culture-in-the-South-Mississippi-photo-Dorothea-Lange-1936-loc-FSA-OWI-collection_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Etats-Unis/Hoe-culture-in-the-South-Mississippi-photo-Dorothea-Lange-1936-loc-FSA-OWI-collection_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Etats-Unis/Hoe-culture-in-the-South-Mississippi-photo-Dorothea-Lange-1936-loc-FSA-OWI-collection_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-grizzly #page>div.contenu #portal>.row #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/chants-de-travail/Etats-Unis/Prisonnier-afro-americain-chantant-avec-son-groupe-Texas-1934-loc-Lomax-collection_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Etats-Unis/Prisonnier-afro-americain-chantant-avec-son-groupe-Texas-1934-loc-Lomax-collection_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Etats-Unis/Prisonnier-afro-americain-chantant-avec-son-groupe-Texas-1934-loc-Lomax-collection_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-glad #page>div.contenu #portal>.row #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/chants-de-travail/Etats-Unis/Prisonniers-afro-americains-travaillant-a-la-pelle-Arkansas-1934-Loc-Lomax-collection_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Etats-Unis/Prisonniers-afro-americains-travaillant-a-la-pelle-Arkansas-1934-Loc-Lomax-collection_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Etats-Unis/Prisonniers-afro-americains-travaillant-a-la-pelle-Arkansas-1934-Loc-Lomax-collection_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-gumboot #page>div.contenu #portal>.row #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/chants-de-travail/Afrique-du-Sud/Gumboot-dancers-Photo-Laura-SA-CC-BY-SA-3-0_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Afrique-du-Sud/Gumboot-dancers-Photo-Laura-SA-CC-BY-SA-3-0_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Afrique-du-Sud/Gumboot-dancers-Photo-Laura-SA-CC-BY-SA-3-0_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-emabovini #page>div.contenu #portal>.row #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/chants-de-travail/Afrique-du-Sud/Gumboot-dancer-Michal-Manas-CC-BY-4point0_HQ.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Afrique-du-Sud/Gumboot-dancer-Michal-Manas-CC-BY-4point0_HQ.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Afrique-du-Sud/Gumboot-dancer-Michal-Manas-CC-BY-4point0_HQ.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-txalaparta #page>div.contenu #portal>.row #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/chants-de-travail/Pays-basque/Txalaparta.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Txalaparta.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Txalaparta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-kirikoketa #page>div.contenu #portal>.row #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/chants-de-travail/Pays-basque/Ote-jotzea.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Ote-jotzea.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Ote-jotzea.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-pello #page>div.contenu #portal>.row #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/chants-de-travail/Pays-basque/Quatuor-Jean-Bordaxar-Institut-culturel-basque.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Quatuor-Jean-Bordaxar-Institut-culturel-basque.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Quatuor-Jean-Bordaxar-Institut-culturel-basque.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.chant-zapatain #page>div.contenu #portal>.row #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/chants-de-travail/Pays-basque/Zapatain-dantza-Beskoitze-Photo-Inaki-Zugasti-Dantzan.jpg);
    background: -o-linear-gradient(top, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Zapatain-dantza-Beskoitze-Photo-Inaki-Zugasti-Dantzan.jpg);
    background: linear-gradient(to bottom, rgba(0, 27, 59, 0.4) 0%, #001b3b 99%), url(https://drop.philharmoniedeparis.fr/Edutheque/chants-de-travail/Pays-basque/Zapatain-dantza-Beskoitze-Photo-Inaki-Zugasti-Dantzan.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


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


/* SELECTION COURANTE */


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

#page>div.contenu #multi_selection * {
    color: #fff !important;
    background: transparent;
}

#page>div.contenu #multi_selection #panel-selection-detail {
    background: rgba(0, 27, 59, 0.9);
    border-radius: .5rem;
}

#page>div.contenu #multi_selection #panel-selection-detail .panel-heading {
    padding: .5rem;
}

#page>div.contenu #multi_selection #panel-selection-detail h2,
#page>div.contenu #multi_selection #panel-selection-detail h2 span {
    border: 0;
    border-top: 0;
    display: inline;
}

#page>div.contenu #multi_selection_simple #panel-selection-detail h2,
#page>div.contenu #multi_selection_simple #panel-selection-detail h2 span {
    border: 0;
    border-top: 0;
    display: inline;
}

#page>div.contenu #multi_selection #panel-selection-detail button.bouton_detail:before {
    content: '\e801';
    font-size: 2rem;
    vertical-align: top;
    /*    height: 1rem;*/
    line-height: 1;
}

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


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


/* Rebond bleu et blanc titre */


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

.rebond-bleu h3,
.rebond-blanc h3 {
    font-size: 1.1em!important;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif!important;
    font-weight: initial;
}


.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}


/* EDUTHEQUE correctifs migration équipe Archimed */
body {
    background-color: #E6E4E5;
}


.navbar {
    
    margin-bottom: 0px;
   
}
.panel-front, .panel-front > .panel-heading, .panel-front > .panel-body, .panel-front > .panel-footer, .panel-layout, .panel-layout > .panel-heading, .panel-layout > .panel-body, .panel-layout > .panel-footer {
    padding: 0;
}

.header-edutheque .navbar-header h1 {font-size: 75px}
#ermes_main_menu li.LEVEL1>a {
    text-transform: uppercase; 
	font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
}
#ermes_main_menu .LEVEL1 span {
        font-family: 'Philharmonique', sans-serif;
    font-weight: 500;
   
}

.nav_connexe--edtq .header-banner-menu .connexe-3132 .btn {
    
	background: transparent;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-right: 1px solid #ccc;
    padding: 0.5rem 2rem;
    margin-top: 0;
    font-family: SourceSansPro-SemiBold, sans-serif;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
    font-size: .875rem;
    text-transform: none;
	border-left: 1px solid #FA968C;
    border-right: 1px solid #FA968C;
}
.l-footer {
   
    background: #001B3B;
}
#ermes_main_menu .dropdown-menu {
    
    box-shadow: none;
}
#scenario-selection {display: none}
.panel-footer {
   
    border-top: none;
    
}
body.ext4, body.accueil-modele {
    color: #001b3b;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
}

.taille_page {
	display:none;
}

.description_resultats {
	color:#000;
}

.notice_courte .notice_corps .actions .themes {
	display:none;
}
/*
.closeV{
        width: 24px;
        height: 24px;
        margin: 12px auto;
        border-radius: 50% 50%;
        
        position: relative;
        transform: scale(1.3);
}

.closeV::before{
            background: #888;
            position: absolute;
            display:block;
            content:'';
            width: 70%;
            height: 6%;
            top: 47%;
            left: 15%;
            transform: rotate(45deg);
} 

.closeV::after{
            background: #888;
            position: absolute;
            display:block;
            content:'';
            width: 6%;
            height: 70%;
            left: 47%;
            top: 15%;
            transform: rotate(45deg);
        } 
        */
/*
.closeV:hover {
            background: lighten(#c22, 15);
            box-shadow: inset 0 0 5px 1px #444;
              -webkit-transition: background .3s;
              -moz-transition: background .9s;
}
*/
/*
.closeV:hover::before{
    background: #fff;
    box-shadow: 0px 0px 8px -1px #555;
}

.closeV:hover::after{
    background: #fff;
    box-shadow: 0px 0px 8px -1px #555;
}*/