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

@import "polices/polices.css";
/* ############# 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;
}
@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;
    }
}
.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: LinotypeBrewery-bold;
    text-transform: none;
    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: LinotypeBrewery-bold;
	text-transform: none;
/*	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: LinotypeBrewery-regular;
	font-size: 1.65rem;
	text-transform: none;
	text-align: center;
	display: block;
	background: none;
	margin: 1rem auto 2rem;
}
#page .contenu .oe-accroche p{
	font-family: LinotypeBrewery-regular;
	font-size: 1rem;
	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: .875rem;
    font-family: 'Source Sans Pro', sans-serif;
	text-transform: none;
	text-align: left;
	display: block;
	width: 100%;
/*    max-width: 666px;*/
	background: none;
	margin: 0 0 1rem 0;
}
#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: LinotypeBrewery-Bold;
			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: LinotypeBrewery-Bold;
		}

		#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: LinotypeBrewery-regular;
		}
		
		#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: LinotypeBrewery-Regular;
		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: 'Source Sans Pro', 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
}

#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: 'LinotypeBrewery', sans-serif;
    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: 'LinotypeBrewery', sans-serif;
    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: 'LinotypeBrewery-Bold', sans-serif;
    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%;
        }

        .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', 'Source Sans Pro', 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;
}

/* ************************************************************* */
/* 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: LinotypeBrewery-Bold, sans-serif; 
    text-transform: none;
}
.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: LinotypeBrewery-Bold, sans-serif; 
    font-weight: normal;
    text-transform: none;
}
.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/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;
    }
}
#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/logo-pp-edutheque.svg") no-repeat center;
	margin-top: 0;
    width: 192px;
    min-width: 192px;
    background-size: contain;
    margin-right: 1rem;
    margin-bottom: 0;
}
.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 #search-panel {
    top: 131px;
/*    display: none;*/
    display: flex !important;
}
.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: LinotypeBrewery-bold, sans-serif;
    color:#001b3b;
    font-size: 1rem;
    line-height: 1.25;
}
.cart--img-txt .sous-titre {
    color:#001b3b;
    opacity: .8;
    font-family: LinotypeBrewery-regular, sans-serif;
}
.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: LinotypeBrewery-Bold, sans-serif;
    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;
}
.carte-horiz-big h2 {
    font-family: LinotypeBrewery-Bold, sans-serif;
    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%;
}
.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: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: LinotypeBrewery-bold;
    text-transform: none;
/*    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-transform: none;
    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;
}
.content-oe-modele #page > div.contenu #portal > .layout #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 > .layout #zone-2 > div:nth-of-type(2) .panel-front{
      padding: 3rem 0 166px;
}
.content-oe-modele #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) h1,
.content-oe-modele #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) h1 *,
.content-oe-modele #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) .panel-front.hero .rsItem *,
.content-oe-modele #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) .panel-front .rsItem *{
/*      color:#001b3b;*/
      color:#fff;
}

.content-oe-modele #page > div.contenu #portal > .layout #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: LinotypeBrewery-bold;
    text-transform: none;
    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;
}
.dossier-oe-modele.home-selectionEN #page > div.contenu .layout.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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/bg-bao-marseillaise.jpg);
    background: -o-linear-gradient(top, rgba(0,27,59,0.4) 0%, #001b3b 99%),url(https://drop.philharmoniedeparis.fr/Edutheque/bg-bao-marseillaise.jpg);
    background: linear-gradient(to bottom, rgba(0,27,59,0.4) 0%, #001b3b 99%),url(https://drop.philharmoniedeparis.fr/Edutheque/bg-bao-marseillaise.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom; 
}
/* MR CROCODILE A BEAUCOUP FAIM */
.bao-crocodile #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    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;
}

/* ************************************************************ */
/* SIDEBAR bloc infos du concerts (infos / distrib / programme) */
@supports (display:flex) {
    @media (max-width: 991px) {
        .content-oe-modele.bao-marseillaise #page > div.contenu #zone-5,
        body.b-a-o  #page > div.contenu #zone-5,
        body.content-oe-modele[class*="bao-"]  #page > div.contenu #zone-5 {
            border-radius: 0;
        }
        .content-oe-modele.bao-marseillaise #page > div.contenu #layout-3 > .row,
        body.b-a-o  #page > div.contenu #layout-3 > .row,
        body.content-oe-modele[class*="bao-"]  #page > div.contenu #layout-3 > .row{
/*
            -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;
            flex-direction: column;
*/
        }
        .content-oe-modele.bao-marseillaise #page > div.contenu #zone-4,
        body.b-a-o  #page > div.contenu #zone-4,
        body.content-oe-modele[class*="bao-"]  #page > div.contenu #zone-4 {
/*            order:2;*/
        }
    }
}
.content-oe-modele #page > div.contenu #zone-5 .frame.event-info{
	border-radius: 0;
	margin-bottom: 0 !important;
}
.event-info {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
}
#page > div.contenu .event-info .event-info {
	padding: 0 .5rem 1rem;
	margin: 0;
    border-bottom: 1px solid #d4d9de;
}
.event-info p,
.event-info span{
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
}
.event-info .public:first-letter {
    text-transform: capitalize;
}
@media (max-width:767px) {
    .event-info, .event-program {
        font-size: .875rem;
    }
}
.event-program {
    font-size: 1.125rem;
    line-height: 1.4;
    -webkit-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
    overflow: hidden;
}
/*
.event-program-title {
    font-family: "Brewery No2 W06 Medium";
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 20px;
}
*/
@media all and (max-width: 739px) {
/*
    .event-program-title {
        font-size: 1.125rem;
    }
*/
}
.event-program .cycle-dates-item {
    font-family: "Brewery No2 W06 Regular";
    font-size: 1.125rem;
    line-height: 1.4;
}
@media all and (max-width: 767px) {
    .event-program .cycle-dates-item {
        font-size: 1rem;
    }
}
.event-program.collapsed {
    position: relative;
}
.event-program.collapsed:after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), white);
    background: linear-gradient(rgba(255, 255, 255, 0), white);
    width: 100%;
    height: 95px;
    position: absolute;
    bottom: 0;
}
.program-distrib, .program-detail{
    padding-bottom: 1rem;
    border-bottom: 1px solid #D4D9DE;
}
#page .contenu .event-program .title {
	font-size: 28px;
	font-weight: 400;
	line-height: 1.29;
    margin: 1rem 0;
}
@media and (max-width: 767px) {
    .event-program .title {
        font-size: 1.125rem;
    }
}
.event-program .program-composer,
.event-program .distrib-title {
    font-weight: 600;
}
.event-program .program-oeuvreTitle {
    font-style: italic;
}
.event-program .program-comOeuvre,
.event-program .program-comStage {
    font-size: 15px;
}
@media (max-width: 739px) {
    .event-program {
        font-size: 1rem;
    }
}
.program-intermission {
    font-weight: 600;
    font-size: 1.125rem;
    text-transform: uppercase;
    opacity: 0.6;
    position: relative;
    text-align: center;
}
.program-intermission:before {
    border-bottom: 1px solid #667689;
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
}
.program-intermission span {
    background-color: white;
    padding: 0px 10px;
    position: relative;
}
@media all and (max-width: 739px) {
    .program-intermission {
        font-size: 0.75rem;
    }
}
.program-more-button {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 2;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #001b3b;
    width: 100%;
    padding-top: 1rem;
}
.program-more-button .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    margin-left: 1rem;
}
.program-more-button.collapsed .icon {
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
}
.program-more-button.hidden {
    display: none;
}
/* fin : infos concert */
/* fin : pages boites a outils v2021 */
/* ************************************************* */


/* ************************************************* */
/* 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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/CMDP/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero,
.litte-anoman #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero,
.chant-venetie #page > div.contenu #portal > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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 > .layout #zone-2 > div:nth-of-type(2) .frame.hero{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,27,59,0.4)), color-stop(99%, #001b3b)),url(https://drop.philharmoniedeparis.fr/Edutheque/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{
	text-transform: none;
    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{
	text-transform: none;
    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;
}