@import "/ui/skins/ermes-standard/style.css";
@import "polices/polices.css";

/*couleurs
Bleu fond: #b3d6fd
Bleu texte: #7ab9ff
*/
/*
body {
    background: url("images/body.png") no-repeat scroll center top #ffffff;
    color: #000000;
    font-family: "SourceSansPro";
}
*/
/* test yannis pour enlever le bg sur le player integré dans une autre page avec une image du concert en BG */


/*! correction bug play/pause dans chrome guillaume */
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-playback{
    /*pointer-events:none!important;*/
}

/* fonctionne pour collection du musee et ressources-digital mais pas catalogue*/ 
body.mediatheque.accueil-modele,
body.musee.accueil-modele,
body.metiers.accueil-modele/*,
body.accueil-modele:not(.edutheque)*/ {
    background: url("images/body.png") no-repeat scroll center top #ffffff;
    color: #001b3b;
   /* font-family: "SourceSansPro"; */
    /*font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;*/
}
body.mediatheque.ext4,
body.musee.ext4,
body.metiers.ext4/*,
body.ext4:not(.edutheque)*/ {
    background: url("images/body.png") no-repeat scroll center top #ffffff;
    color: #001b3b;
    /*font-family: "Source Sans Pro";*/
	/*font-family: "SourceSansPro";*/
	font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
}
body.ext4,
body.accueil-modele {
	color: #001b3b;
    /*font-family: "Source Sans Pro";*/
	/*font-family: "SourceSansPro";*/
	font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
}


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

header, #search-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
#globalScenarioMobile {
    background: none repeat scroll 0 0 #ffffff;
}
#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
    background: none repeat scroll 0 0 #b3d6fd;
    color: #001b3b;
}
#globalScenarioMobile > li > a {
    color: #001b3b;
}
#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
    background-color: #b3d6fd;
    color: #001b3b;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu > .active > a:focus {
    background: none repeat scroll 0 0 #000000;
}
.site-btn.btn-group {
    margin-right: 50px;
}
.connectBox {
    background: none repeat scroll 0 0 #000000;
    padding-bottom: 14px;
}
.connectBox .form-control {
    background: none repeat scroll 0 0 #ffffff;
}
.btn-validation, .btn-validation:hover {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none #ffffff;
    color: #000000;
}
#nav_connexe .caret {
    border-color: #ffffff rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
	.btn-account {
		background-color: #000000;
		padding: 12px 16px 8px;
		font-size: 14px;
	}
	.icon-lock {
		position: relative;
		top: -2px;
	}
}
.header-banner-menu {
    position: relative;
}
#langue-btn {
    right: 130px;
    top: -220px;
    z-index: 8;
}
#langue-btn, #langue-btn a, #langue-btn a.active {
    color: #ffffff;
}
.site-btn a, .site-btn a.active {
    color: #ffffff;
}
#nav_connexe {
	position: relative;
    background: none repeat scroll 0 0 #000000;
    padding: 0;
	min-height: 41px;
}
#identite_utilisateur {
	left: 10px;
	top: 11px;
	padding: 0;
	font-size: 14px;
}
#dropChangeSite {
    padding-top: 8px;
}
.header-banner-menu .all-link-connexe div:nth-child(1) .btn {
    background: url("images/reseaux_connexes.png") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);
    text-indent: -9999px;
}
.header-banner-menu .all-link-connexe div:nth-child(2) .btn {
    background: url("images/reseaux_connexes.png") no-repeat scroll -30px 2px rgba(0, 0, 0, 0);
    margin: 0 16px;
    padding: 2px 8px;
    text-indent: -9999px;
}
.header-banner-menu .all-link-connexe div:nth-child(3) .btn {
    color: #ffffff;
    font-size: 16px;
}
.header-banner-menu div:nth-child(4),
.header-banner-menu div:nth-child(5),
.header-banner-menu div:nth-child(6) {
    left: 76px;
    position: absolute;
    top: 70px;
    z-index: 2;
}
.header-banner-menu div:nth-child(5) {
/*    left: 294px;*/
    left: 209px;
}
.header-banner-menu div:nth-child(6) {
    /*left: 416px;*/
    left: 330px;
}
.header-banner-menu .btn {
    background: none repeat scroll 0 0 #000000;
    border-color: #000000;
}
.header-banner-menu .btn-default {
    color: #fff;
}
.header-banner-menu div:nth-child(4) .btn, .header-banner-menu div:nth-child(5) .btn, .header-banner-menu div:nth-child(6) .btn {
    background: none repeat scroll 0 0 #ffffff;
    border-color: #ffffff;
    color: #001b3b;
    font-size: 14px;
    padding: 13px 37px;
}
.header-banner-menu div:nth-child(5) .btn {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}
.header-banner-menu .btn:hover, .header-banner-menu .btn:focus {
    color: #ffffff;
}
h1 {
    text-indent: -9999px;
    /*width: 276px;*/
    width:294px; /*logo ressources*/
}
.navbar > .container .navbar-brand {
    /* margin: 18px 0 0 6px; */
	margin: 35px 0 0 6px;
}
.navbar-inverse .navbar-brand {
    background: url("images/brand.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*background: url("images/Logo-PP-Ressources.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    padding: 0;
}
#menu-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    position: absolute;
    top: 166px;
    width: 100%;
}
#search-panel .container {
    background: none repeat scroll 0 0 #f5f5f5;
    margin-top: 90px;
}
#search-panel .panel-body.col-md-8 {
    padding: 17px 0 57px 17px;
    width: 97%;
}
#search-panel {
    color: #001b3b;
}
#globalAdvancedSearchLink {
    display: none !important;
}
#scenario-selection {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #001b3b;
    font-family: LinotypeBrewery-Regular;
    font-size: 30px;
}
#textfield, .clean-text-field {
    border: 1px solid #001b3b;
    color: #001b3b;
    height: 40px;
}
.tt-hint {
    height: 40px;
}
.input-group-btn > .btn + .btn {
    margin-left: 0;
}
.btn.clean-text-field:hover {
    color: #001b3b;
}
#scenario-selection, #submit-search {
    height: 40px;
    line-height: 40px;
}
#submit-search {
    background: url("images/submit-search.png") no-repeat scroll center center #b3d6fd;
    border: medium none #b3d6fd;
    color: #001b3b;
    width: 40px;
}
#submit-search .icon-search:before {
    visibility: hidden;
}
.tt-dropdown-menu {
    border: 1px solid #001b3b;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.tt-suggestion.tt-cursor {
    background-color: #b3d6fd;
    color: #001b3b;
}
.tt-suggestion.tt-cursor p {
    color: #001b3b;
}
#ariane {
    margin: -95px 0 0;
}
#ariane span {
    background: none repeat scroll 0 0 #ffffff;
}
#ariane span.texte {
    padding: 0 4px 0 8px;
}
#ariane .actif {
    color: #7ab9ff;
    padding: 0 8px 0 0;
}
#ermes_main_menu li.LEVEL1 .caret {
    display: none;
/* Pour afficher les fleches du dropdown main menu : */
/*
    display: inline-block;
    border-bottom-color: #000;
    border-top-color: #000;
    margin-left: .5rem;
    opacity: 1;
*/
}

@media (min-width: 768px) {
#ermes_main_menu li.LEVEL1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background: none repeat scroll 0 0 #000000;*/
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ffffff;
    -o-border-image: none;
    border-image: none;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    margin: 0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, #ermes_main_menu li.LEVEL1 a:hover {
    background: none repeat scroll 0 0 #000000;
}
#ermes_main_menu li.LEVEL1 li.LEVEL2 a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
}
#ermes_main_menu li.LEVEL1:first-child {
    border: medium none;
}
#ermes_main_menu li.LEVEL1 > a {
    padding: 17px 22px;
}
}
.typeDoc-marqueur,
.categorie-marqueur{
    display:none!important;
}
.panel-front, .panel-selection {
    background: none repeat scroll 0 0 #ffffff;
}
h2, .panel-front > .x-panel-header span {
    background: url("images/h2.png") repeat-x scroll left center rgba(0, 0, 0, 0);
    color: #001b3b;
    font-family: LinotypeBrewery-Regular;
    font-size: 30px;
    font-weight: normal;
}
.edutheque h2, .edutheque .panel-front > .x-panel-header span {
    font-size: 1.438rem;
}
h2 span {
    background: none repeat scroll 0 0 #ffffff;
    padding-right: 5px;
    display: inline-block;
/*    padding: 8px;*/
}
h3, h4, p, .frame {
    color: #001b3b;
}
/* ddenocq 20181003 - longueur du texte d'accroche*/
p.describe, p.longtexte{
    font-size: 14px;
    overflow: hidden;
    display: block; 
}
.border-gris img {
    width: 100%;
    margin-bottom: 11px;
    object-fit: cover;
    max-height: 400px;
}
    

footer {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	/*display:none;*/
}
footer .container {
    /*background: none repeat scroll 0 0 #000000;*/
}
/* ============= RECHERCHE  =========== */
.pagination-container.col-md-7 {
	width:40%;
}
.search-icon-container.mobile, .search-icon-container.mobile .btn.precedent, .search-icon-container.mobile .btn.suivant {
    background: none repeat scroll 0 0 #b3d6fd;
    color: #000000;
}
.search-icon-container.mobile > .btn-group, .search-icon-container.mobile .btn {
    background: none repeat scroll 0 0 #7ab9ff;
    color: #000000;
}
.search-icon-container.mobile {
    top: 0;
}
#multi_selection .bouton_detail {
    background: none repeat scroll 0 0 #ffffff;
}
.badge {
    color: #7ab9ff;
}
#resultats_recherche .panel-heading {
    padding: 30px 30px 30px 20px;
}
.search-icon-container {
    right: 0;
    top: -10px;
}
#criteres_recherche, .navigation-page, .intro {
    padding: 0 15px 0 20px;
}
#criteres_recherche p, #description_resultats, .taille_page {
    color: #7ab9ff;
    font-weight: bold;
}

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

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

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

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

#containerSearchList .item {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.criteres_tri {
	
	position:absolute;
	right:110px;
	top:0;
	width:240px;
}
.navigation {
	position:relative;
}

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

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

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

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

#aside .facet-collapse {
	padding:0;
}
#resultats_recherche.col-md-push-4 {
    left: 25%;
}
#resultats_recherche.col-md-8 {
    width: 75%;
}
#containerSearchList .vignette_document img.ermes-thumb {
	width:250px;
}
.additional-infos {
    color: #001b3b;
    font-weight: normal;
}
.btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
    background-color: #b3d6fd;
    border-color: #b3d6fd;
    color: #001b3b;
}
.pagination > li > a, .pagination > li > span {
    border-color: #001b3b;
    color: #001b3b;
    font-size: 14px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #7ab9ff;
    color: #7ab9ff;
}
.criteres_tri .site-restriction label.label-tri {
    color: #001b3b;
	display:none !important;
}
.criteres_tri .sort-order {
    background-color: #b3d6fd;
    padding-left: 0;
}
.displaymode-icon-container.desktop button, .siteRestriction-icon-container.desktop button, .sort-order button {
    background-color: #b3d6fd;
    color: #001b3b !important;
}
.displaymode-icon-container.desktop .searchList-btn button{
	padding-right: 38px;
}
.pageSize-container button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.displaymode-icon-container .active, .siteRestriction-icon-container .active, .pageSize-container .active, .sort-order .active {
    background-color: #7ab9ff !important;
    color: #000000 !important;
}
#resultats > ul > li {
    background: none repeat scroll 0 0 #f5f5f5;
    border-color: #ffffff;
}

/*
#resultats .select {
    display: none !important;
}
*/
.select-all {
    background: none repeat scroll 0 0 #b3d6fd;
}
#resultats .notice_courte .notice_metadata {
    display: none !important;
}

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

.notice.notice_courte, .statut, .statut-disabled, .statut-primaryDoc {
    margin-right: 0;
}
.statut, .statut-disabled {
    background: none repeat scroll 0 0 #ffffff;
}
.btn-action {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}
.btn-action:hover {
    font-weight: normal;
}
#resultats > ul > li .btn-action {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #000000;
}
#resultats > ul > li .btn-action:hover {
    font-weight: normal;
}
.btn-dark {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}
#resultats > ul > li .btn-dark {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}
h2.category_header {
    color: #000000;
    font-size: 30px;
    font-weight: normal;
}
h2.category_header span {
    background: none repeat scroll 0 0 #f9f9f9;
}
#multi_selection_simple .bouton_detail, #multi_selection .bouton_detail {
    color: #000000;
}
#detail-notice-rebound h2.category_header span {
    background: none repeat scroll 0 0 #ffffff;
}
#detail-notice-enrichissements h2.category_header span {
    background: none repeat scroll 0 0 #ffffff;
}
.btn-info {
    background: none repeat scroll 0 0 #b3d6fd;
    border-color: #b3d6fd;
    color: #000000;
}
.nav-tabs {
    border-color: #000000;
}
.nav-tabs > li {
    background-color: #000000;
}
.nav-tabs > li > a {
    color: #ffffff;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #000000;
    border-color: #000000;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #000000;
}
.tab-content {
    color: #000000;
}
.tab-content a {
    color: #7ab9ff;
    text-decoration: underline;
}
.tab-content a:hover {
    text-decoration: none;
}
.suggestion_container {
    margin-top: 30px;
}
.suggestion_container h3 {
    color: #7ab9ff;
}
.well {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #000000;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: medium medium medium 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.well a {
    color: #000000;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsThumbs, .rsDefaultInv .rsVideoFrameHolder {
    color: #000000;
}
#enrichissements h3 {
    color: #7ab9ff;
}
#enrichissements .INA_video_description h3 {
    color: #000000;
}
.content_tab {
    border-left: 1px solid #000000;
}
.bs-bullets button, .bs-bullets button:focus, .bs-bullets button:active, .bs-bullets button:hover {
    border-color: #000000;
    border-radius: 0;
    border-width: 1px;
}
.bs-bullets .rsNavSelected button {
    background: none repeat scroll 0 0 #000000;
}
.more-actions {
	top: -35px;
	right: -765px;
}

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

.myaccount-profile {
    border: medium none;
}
.nav-pills > li > a {
    border-radius: 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: none repeat scroll 0 0 #000000;
}
.myaccount-activity .myaccount-welcome .user-name a {
    color: #7ab9ff;
}
.myaccount-profile .account-label {
    color: #7ab9ff;
    font-weight: bold;
}
.myaccount-rights ul li.member-right, .myaccount-rights ul li.reader-right {
    background: none repeat scroll 0 0 #000000;
}
.myaccount-tags .myaccount-tagcloud {
    background: none repeat scroll 0 0 #000000;
    border-radius: 0;
}
.myaccount-tags .myaccount-tagcloud a, .myaccount-tags .myaccount-tagcloud li.tag-weight-3 span {
    color: #ffffff;
}
.myaccount-comments .comments-box {
    border: medium none;
}
.myaccount-comments h3 {
    color: #000000;
}
#avis_lecteurs blockquote strong {
    color: #000000;
}
#avis_lecteurs blockquote p, #avis_lecteurs blockquote small {
    color: #000000;
}
.summary-details .details-wrapper {
    background-color: #000000;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.summary-details .valid {
    color: #b3d6fd;
}
.myaccount-loans .loans-summary .valid {
    color: #b3d6fd;
}
.account-comments-see {
    color: #7ab9ff;
    font-weight: bold;
}
.summary-details .nonvalid {
    color: #ffffff;
}
.myaccount-loans ul.notice .myaccount-actions ul li a span {
    color: #000000;
}
.reservation-results .panel-info > .panel-heading {
    background: none repeat scroll 0 0 #000000;
    color: #ffffff;
}
.myaccount-loans ul.notice li .additional-infos .loan-additional-info {
    border-color: #ffffff;
}
/* ============= ENCARTS  =========== */

.panel-front, .panel-selection {
    border: 1px solid #ebebeb;
}
div.webframe-ermes-lastviewedresources-item, div.webframe-ermes-openfindselection-item {
    background: none repeat scroll 0 0 #ffffff;
}
.webframe-ermes-lastcomments blockquote {
    border-color: #b3d6fd;
}
.frame-no-border {
    border: medium none;
}
.frame-no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.frame-no-padding .panel-front {
    padding: 0;
}
.frame-no-padding .panel-selection {
    padding: 0;
}
#resultats_recherche .panel-front {
    border: medium none;
}
/* ========== ENCARTS MODELES  ========== */

.frame .img-noresponsive {
    max-width: none;
}
.modele_onglet_x4 h3 {
    color: #7ab9ff;
}
.modele-4-col .media:first-child, .modele-4-col .media .media:first-child {
    margin-top: 15px;
}
.modele-4-col .media-body {
    padding: 0 10px 10px;
}
.modele-4-col .media-body p.line, .modele-4-col .media-body p.evene {
  font-size: 14px;
}

.modele-4-col .border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ebebeb #ebebeb;
    -o-border-image: none;
    border-image: none;
    border-right: 1px solid #ebebeb;
    border-style: none solid solid;
    border-width: medium 1px 1px;
  	border-color: #ebebeb;
}
.modele-4-col .describe {
}
.modele-4-col .date {
}
.modele-4-col hr {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    height: 1px;
    margin: 0 0 10px;
    width: 30px;
}
.modele-image-gauche-texte-droite .media-body {
    padding: 0;
}
.modele-image-gauche-texte-droite .pull-left {
    margin-right: 20px;
}
.modele-image-gauche-texte-droite hr {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    height: 1px;
    margin: 0 0 10px;
    width: 30px;
}
.modele-image-gauche-texte-droite .thumbnail {
    background: none repeat scroll 0 0 #b3d6fd;
    border: medium none;
    padding: 0;
}
.modele-image-gauche-texte-droite.jaune .thumbnail {
	background-color: #fddea3;
}
.modele-image-gauche-texte-droite .btn {
    background: none repeat scroll 0 0 #ffffff;
}
@media (min-width: 240px) and (max-width: 374px) {
	.modele-image-gauche-texte-droite .pull-left {
		float: none !important;
	}
	.modele-image-gauche-texte-droite .media-body {
		padding: 0 10px 10px;
	}
}
/* ============  MEDIA QUERIES LAYOUT =============*/

@media (min-width: 240px) and (max-width: 767px) {
h1 {
    font-size: 75px;
}
}
@media (min-width: 240px) and (max-width: 319px) {
}
@media (min-width: 320px) and (max-width: 374px) {
}
@media (min-width: 375px) and (max-width: 383px) {
}
@media (min-width: 384px) and (max-width: 413px) {
}
@media (min-width: 414px) and (max-width: 567px) {
}
@media (min-width: 568px) and (max-width: 599px) {
}
@media (min-width: 600px) and (max-width: 666px) {
}
@media (min-width: 667px) and (max-width: 735px) {
}
@media (min-width: 736px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 1023px) {
}
@media (min-width: 1024px) and (max-width: 1279px) {
}

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

.site-btn {

}
#ariane {
    visibility: hidden;
}
#main_search_form .clean-text-field {
    display: none;
}
#options_resultat .panel-heading, #resultats_recherche .panel-heading h2 {
    display: none;
}
#resultats_recherche .panel-body {
    margin-top: -30px;
}
#facet_container .panel-heading {
    display: block;
}
.criteres_tri .site-restriction {
/*    display: none;*/
}
.notice_avis {
	display: none;
}
.addthis_toolbox.visible-sm.visible-lg {
	display:none !important;
}
#document_actions {
    display:none;
}
#notice_longue .metadata-actions   {
    display:none;
}

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

.register_user_link {
visibility:hidden;
}
/* ==============================================================*/
span.popup-aut-popup {
padding-left: 5px;
cursor:pointer;
}



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

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

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


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

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

.icon-new {
	display:none;
}

#portal-body h1, #portal h1, #portal-frame-window-body h1, #template-frame-layout-tabs h1, #template-frame-layout-tabs-body h1, #tinymce h1{															
	text-indent: inherit;
	font-family:LinotypeBrewery-regular;
	width:100%;
}

.googlemap-container img {
	max-width:none !important;
}
/*
#iframe-loading h2 {
    background: none;
    color: #000000;
    font-family: LinotypeBrewery-Regular;
    font-size: 20px;
    font-weight: normal;
}
*/

#iframe-loading::before {
    content: url("images/play_bl.png");
    display: inline-block;
    vertical-align: middle;
}
#iframe-loading {
    background-color: #b3d6fd;
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    padding: 10px 0 10px 20px;
    width: 100%;
    margin-left: 0 !important;
	margin-bottom:30px;
}

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

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


/**/

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




/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------  MODIF par Guillaume --------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* **************** */
/*   GENERAL        */
/* **************** */
/*! les exposants restent en minuscule : */
sup {
    text-transform: none;
}
.numero_notice{
    display: block;
/*    display: none;*/
    float: none;
    clear: both;
    width:100%;
}
#portal{
    background: #fff;
}
#portal .frame {
    margin: 0 0 0 !important;
}
#portal .panel-body {
    padding-top: 0;
}
.h2-titre{
    margin-bottom: 0;
}
#portal .sousTitre{
    font-family: LinotypeBrewery-regular!important;
    font-size: 1.625rem;
    text-transform: none;
    text-align:center;
    display: block;
    width:100%;
    background: none;
    margin:1rem 0;
}
#portal .sousTitre:before,
#portal .sousTitre:after{
    content:'';
    clear: both;
    float: none;
}
/*! centrer haut de la page (catégorie, titre, description) : */
.listing-modele .presentation-oe,
.listing-modele h1,
.dossier-oe-modele .presentation-oe,
.dossier-oe-modele h1,
.content-oe-modele .presentation-oe,
.content-oe-modele h1,
.incontournable-modele .presentation-oe,
.incontournable-modele h1,
.facteur-modele .presentation-oe,
.facteur-modele .presentation-expo,
.facteur-modele h1,
.histoireinstru-modele h1,
.histoireinstru-modele .presentation-oe{
    text-align: center;
}
.listing-modele h1,
.dossier-oe-modele h1,
.content-oe-modele h1,
.incontournable-modele h1,
.facteur-modele h1{
    margin-bottom: 1rem;
}
.page-2021 #page .hero .typeDoc,
.listing-modele .presentation-oe,
.dossier-oe-modele .presentation-oe,
.content-oe-modele .presentation-oe,
.facteur-modele .presentation-expo,
.incontournable-modele .presentation-oe,
.incontournable-modele .presentation-expo,
.facteur-modele .presentation-oe,
.listing-modele .presentation-oe *,
.dossier-oe-modele .presentation-oe *,
.content-oe-modele .presentation-oe *,
.facteur-modele .presentation-expo *,
.incontournable-modele .presentation-oe *,
.incontournable-modele .presentation-expo *,
.facteur-modele .presentation-oe *{
    font-weight: bold;
    font-size: 14px !important;
    text-transform: none !important;
    font-family: 'Source Sans Pro', SourceSansPro !important;
}
/*! affichage de la categorie comme titre, et H1 comme sous-titre */
#portal .titre-page{
    margin:0;
    padding:0;
}
#portal .titre-page .presentation-oe{
    font-size: 2.143rem!important;
    font-family: LinotypeBrewery-regular!important;
    text-transform: uppercase!important;
}
#portal .sous-titre-page h1{
    font-size: 1.625rem;
    text-transform: none;
}
/*! fin : affichage de la categorie comme titre, et H1 comme sous titre */
.listing-modele .presentation-oe:after,
.dossier-oe-modele .presentation-oe:after,
.content-oe-modele .presentation-oe:after,
.facteur-modele .presentation-oe:after,
.facteur-modele .presentation-expo:after,
.incontournable-modele .presentation-oe:after,
.incontournable-modele .presentation-expo:after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
    margin-top: 0px;
    background-color: #000;
    margin-top: 10px;
}
/*! "yoyo" : Afficher/masquer div */
.yoyo-container .yoyo-trigger {
    position: relative;
    cursor: pointer
}
.yoyo-container .yoyo-trigger.in::before,
.yoyo-container .yoyo-trigger::before {
    font-family: ermes-font-update;
    content: '\e85a';
    display: inline-block;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: top;
    right: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    font-size: 2rem;
    top: -.5rem
}
.yoyo-container .yoyo-trigger.in::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .25rem
}
/*! fin yoyo */
/*! sommaire de type metascore */
.sommaireMS h3{
    margin-bottom: 1rem;
}
.sommaireMS ul li.active{
    background: #b3d6fd;
}
/*! fin du sommaire de type metascore */
/* ************************************************ */
/*  MODIF POUR DIGITAL REPERES MUSICO gg            */
/* ************************************************ */
/*! page panier : suppression des dossiers "à lire" et "déjà lu" */
.page-Panier-PAD #user_labels ul li[data-id="233"],
.page-Panier-PAD #user_labels ul li[data-id="234"]{
    display:none;
}
/*! pages histoire jazz */
.dossier-oe-modele .modele-4-col .media-body{
    padding:1rem;
}
.dossier-oe-modele.accueil-jazz .modele-4-col .media-body{
    min-height: 220px;
}
.dossier-oe-modele .modele-4-col .media-body .evene{
    margin-top:0;
}
/*! pages reperes */
body.reperes .presentation-oe {
    font-size: 14px !important;
    text-transform: none !important;
    text-align: center;
    font-family: 'Source Sans Pro', SourceSansPro !important;
}
body.reperes .presentation-oe::after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
    background-color: #000;
    margin-top: 10px;
}
body.reperes #portal h1,
body.reperes #portal h1 span{
    font-size: 32px;
    font-size: 3rem;
}
body.reperes .navbar-brand h1,
body.reperes .navbar-brand h1 span{
    font-size: 75px;
}
body.reperes h1{
/*    padding-top:16px;*/
}
body.reperes h1,
body.reperes h1 span{
    text-align: center;
}
body.reperes h2,
body.reperes h2 span{
    text-align: left;
}
body.reperes h2{
    margin-top: 0;
    margin-bottom: 32px;
}
body.reperes h2,
body.reperes h2 span{
    background: none;
    font-weight: bold;
}
body.reperes #portal .intro-description{
    text-align: center;
    padding: 0;
    margin: 0!important;
}
body.reperes #portal .intro-description p{
    margin-top: 0;
    margin-bottom: 32px;
}
/*
body.reperes .intro-description .intro-description::after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 32px auto;
    background-color: #000;
}
*/
body.reperes #portal .triptyqueV2 .triptyqueV2::before {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0 auto 40px;
    background-color: #000;
}
body.reperes #portal .triptyqueV2 {
    padding: 0;
    margin-bottom: 0!important;
/*    margin-bottom: 32px!important;*/
}
body.reperes #portal .triptyqueV2.bg-gris {
    background: #efefef;
}
body.reperes #portal .triptyqueV2 .triptyqueV2 {
    padding-bottom: 32px;
}
/*! *************************************************************** */
/*! *************************************************************** */
/*!   4/b AFFICHAGE DES ENCARTS (liste statique, triptyque, etc)    */
/*! *************************************************************** */
/*! *************************************************************** */

/*
.encart-inferieur .encart-inferieur {
    padding-left: 15px !important;
}
.encart-inferieur h2,
.encart-inferieur h2 span{
    padding-left: 0;
}
*/
/* encart "only-content" */
.frame.only-content li {
/*    list-style: square inside;*/
/*    padding-left: 1rem;*/
}
/* rebond intruments */
.incontournable-modele .incontournable-rebond .InstrumentTypeValue,
.dossier-oe-modele .incontournable-rebond .InstrumentTypeValue,
.content-oe-modele .incontournable-rebond .InstrumentTypeValue{
    display: none;
}
/* fin : rebond intruments */

/*! encart ".liste-simple" pour recherche capturée (vignette + titre + description + lien), sur 2 colonnes */
#portal .frame.encart-liste{
    padding: 0 0 40px !important;
    margin-bottom: 0!important;
    margin: 0!important;
}
#portal .encart-liste.bg-gris{
    background: #efefef;
}
#portal .frame.encart-liste .encart-liste{
/*    background:#efefef;*/
    padding: 0 0 0px !important;
    margin: 0 16px!important;
}
.webframe-ermes-lastviewedresources-item-shadow, .webframe-ermes-openfindselection-item-shadow {
    display: none;
}
/*
body.reperes .encart-liste .encart-liste::after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 32px auto 0;
    background-color: #000;
}
*/

body.reperes .encart-liste h2{
    background:transparent!important;
    text-align:center;
    padding-top: 32px !important;
    padding-bottom: 32px;
    margin: 0 !important;
}
#portal .encart-liste .panel-body {
    padding-top: 0;
}
body.reperes .encart-liste h2,
body.reperes .encart-liste h2 span{
    background:transparent!important;
    text-align:left;
    font-size:16px;
    font-weight: normal;
}
body.reperes .encart-liste h2 span{
    text-align: left;
/*    padding-left: 16px;*/
}
.encart-liste .rs-staticList ul{
/*    padding:0 16px;*/
    column-count: 2;
    -moz-column-width: 400px;
    -webkit-column-width: 400px;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-width: 400px;
    column-gap: 10px;
}
.encart-liste .rs-staticList ul li{
    display: inline-block;
}
.encart-liste .rs-staticList .webframe-ermes-lastviewedresources-item{
    padding: 0;
    border:0;
    overflow: hidden;
    border: 1px solid #efefef;
    max-height: 140px;
    position:relative;
}
.encart-liste .rs-staticList ul li:hover .webframe-ermes-lastviewedresources-item{
/*
    -webkit-box-shadow: 0 -5px 0 0 #b3d6fd inset;
    box-shadow: 0 -5px 0 0 #b3d6fd inset;
*/
    border: 1px solid #b3d6fd;
    border: 1px solid #000;
}
.encart-liste .rs-staticList .webframe-ermes-lastviewedresources-item .vignette_document {
    margin: 0 10px 0 0;
}
.encart-liste .rs-staticList .webframe-ermes-lastviewedresources-item img.ermes-thumb-size-MEDIUM {

    min-width: 140px !important;
    min-height: 80px !important;

}
.encart-liste .rs-staticList ul li .notice_corps{
    padding: .5rem;
    line-height: 1.1;
}
.encart-liste .rs-staticList ul li .notice_corps h3{
    font-family:'Source Sans Pro', SourceSansPro, sans-serif;
    color:#000;
}
.encart-liste .rs-staticList ul li .notice_corps .template-resume,
.encart-liste .rs-staticList ul li .notice_corps > .page-cms{
    display: inline;
    font-size: 14px;
    line-height: 1;
}
.encart-liste .rs-staticList ul li .notice_corps .template-resume{
    margin-right: 8px;
    color:#999;
    
}
.encart-liste .rs-staticList ul li .notice_corps > .page-cms > .link-absoluteUri.btn-default{
    background: transparent;
    border: 0;
/*    color: #1575e1;*/
    color: #7ab9ff;
    padding: 0;
    position:absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    opacity:0;
}
.encart-liste .rs-staticList ul li .notice_corps > .page-cms > .link-absoluteUri.btn-default:after{
    content :">";
    font-size:14px;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    display: inline;
    margin-left: 8px;
}




/*
.template-resume span{
    font-size:inherit;
    font-style: italic;
}
*/
/*! Encart recherche capturée triptyque */
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap > .rsOverflow{
    height: 380px!important;
}
@media (max-width:680px){
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap > .rsOverflow{
        height: 350px!important;
    }
}
@media (min-width:992px){
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap,
    .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap > .rsOverflow{
        height: 350px!important;
    }
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well-sm.rsSlideContainer{
    border:1px solid #ccc;
    margin-left:.4rem;
    margin-right:.4rem;
    padding:0;
    background: #fff;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well-sm.rsSlideContainer:hover{
    border:1px solid #b3d6fd;
    border:1px solid #000;
/*
    -webkit-box-shadow: 0 -5px 0 0 #b3d6fd inset;
    box-shadow: 0 -5px 0 0 #b3d6fd inset;
*/
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a {
    color: #000;
    width: 100%;
    overflow: hidden;
    height: 180px;
    padding: 0;
    border-bottom: 1px solid #ddd !important;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a .thumbnail-wrapper{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
#portal .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img,
#portal .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img{
/*    width: 100%;*/
    width:100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
    
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img[src^="https://digital.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType"],
#portal .triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well a img[src^="https://digital.philharmoniedeparis.fr/ui/skins/default/ermes-front/images/General/DocType"]{
/*
    width:50%;
    float:none!important;
    padding-top:1rem;
 */
    background-image:none!important;

    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 0;
}

.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice {
    padding: 1rem;
    width:100%;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice br{
    display:none;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .sur-titre,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .cim-short-contrat,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .line,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .cim-short-duree-type-doc,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice p[class*="CONTRAT_"],
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice span[class*="CONTRAT_"]{
    margin:0 0 .475rem 0;
    font-size: 14px;
/*    font-size: 0.875rem!important;*/
    line-height: 1;
    font-weight: normal;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre{
    margin: .475rem 0 0 0;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.template-info,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre{
    display:none;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.template-info li,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.titre_mention_resp_prem li,
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre li{
/*    margin:0 0 .475rem 0;*/
    font-size: 14px;
/*    font-size: 0.875rem!important;*/
    line-height: 1.225;
    font-weight: normal;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice ul.cim-short-genre li{
    margin-bottom: .125rem;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .line{
    line-height:.00001;
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice h3.template-title{
    margin-top:.475rem;
    margin-bottom:.475rem;
/*    font-size: 1rem !important;*/
}
.triptyqueV2 .selectionsNoticeResults.royalSlider .rsVisibleNearbyWrap .well .slider-notice .template-info.titre_mention_resp{
    display:none;
}
.triptyqueV2.frame-ermes-searchcapturemultirender div[class*="rs-slide"] + div{
    clear:both;
}
.triptyqueV2.frame-ermes-searchcapturemultirender a.see_all_results{
    margin-top: 2rem;
    margin-left: .8rem;
}
.triptyqueV2.frame-ermes-searchcapturemultirender.select-thema-section .panel-footer{
    float: none;
    clear: both;
}  
.triptyqueV2 .select-thema-section-rechercheCapturee .toggleAutoPlayBtn.icon-pause.btn{
    display:none;
}





/*! encart recherche capturée liste statique */
.rs-staticList > ul > li {
/*    border: 1px solid #ddd;*/
    margin-bottom: .5rem;
/*    border-color: #000;*/
/*    background: #f5f5f5;*/
}

.rs-staticList div.webframe-ermes-lastviewedresources-item, .rs-staticList div.webframe-ermes-openfindselection-item {
/*    background:#f5f5f5;*/
    border:1px solid #ddd;
/*    border:1px solid #b3d6fd;*/
    border-radius: 1rem;
}
.rs-staticList li:nth-of-type(even) div.webframe-ermes-lastviewedresources-item, .rs-staticList li:nth-of-type(even) div.webframe-ermes-openfindselection-item {
/*    background:#f5f5f5;*/
}
.triptyqueV2 .rs-staticList div.webframe-ermes-lastviewedresources-item:hover, .triptyqueV2 .rs-staticList div.webframe-ermes-openfindselection-item:hover {
/*    background:#f5f5f5;*/
    border:1px solid #b3d6fd;
    -webkit-box-shadow: 0 0 0 4px #b3d6fd inset;
    box-shadow: 0 0 0 4px #b3d6fd inset;
}
.rs-staticList .notice_corps{
    padding-bottom: 1rem;
/*    border-bottom:1px solid #ccc;*/
/*    box-shadow: 0 10px 10px -14px rgba(0,0,0,.35);*/
}
.rs-staticList .notice_corps p:not(.template-resume), .rs-staticList .notice_corps span, .rs-staticList .notice_corps ul li {
        margin-top:0;
        margin-bottom:.475rem;
/*        font-size:.875rem;*/
/*
        float: none;
        clear: both;
*/
        margin-bottom: 0;
}


/*! ************************************************    */
/*!   ENCART TYPE ARCHIVE (mozaique responsive) */
/*! ************************************************    */
.container.container-archive .archive-item .archive-item-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#portal .frame.archive-section.container{
    margin:0 auto!important;
}
.container.container-archive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.container.container-archive .archive-item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    border:1px solid #ccc;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom:1.25rem;
    height:290px;
    overflow: hidden;
    -ms-flex-preferred-size:150px;
    flex-basis:150px;
}
.container.container-archive .archive-item .archive-item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 185px;
    overflow:hidden;
    background-size: cover;
    -webkit-transition: opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out;
}
.container.container-archive .archive-item .archive-item-img a{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.container.container-archive .archive-item .archive-item-img img{
    display:none;
}
.container.container-archive .archive-item .archive-item-text {
    height:185px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding:2rem;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition:transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}
.container.container-archive .archive-item .archive-item-text h3,
.container.container-archive .archive-item .archive-item-text h3 em{
    font-weight:700;
}
.container.container-archive .archive-item .archive-item-text span.line{
    text-transform: none;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    font-weight:normal;
}
.container.container-archive .archive-item .archive-item-text h3,
.container.container-archive .archive-item .archive-item-text p{
    width:100%;
}
.container.container-archive .archive-item .archive-item-text h3,
.container.container-archive .archive-item .archive-item-text p.detail{
    max-width:100%;
}
.container.container-archive .archive-item .archive-item-text p.line{
    margin-top:0;
}
.container.container-archive .archive-item .archive-item-text h3{
    margin:0;
}
.container.container-archive .archive-item .archive-item-text h3 a{
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    text-decoration:none;
}
.container.container-archive .archive-item .archive-item-text p.detail{
    margin:0;
    opacity: 0;
}
.container.container-archive .archive-item .archive-item-text .btn{
    margin:0;
    display:inline-block;
    opacity: 0;
}
@media (min-width:576px){
    .container.container-archive .archive-item:hover .archive-item-text {
        height:290px;
        -webkit-transform:translateY(-185px);
        transform:translateY(-185px);
    }
    .container.container-archive .archive-item:hover .archive-item-img{
        opacity:.1;
    }
    .container.container-archive .archive-item:hover .archive-item-text p.detail{
        opacity:1;
    }
    .container.container-archive .archive-item:hover .archive-item-text .btn {
        opacity:1;
    }
}
/* IMAGES DE LA MOZAIQUE RESPONSIVE */
.container.container-archive .archive-item .archive-item-img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* instruments mauritanie */
.archive-item-azawan .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Sid-Ahmed-ould-Ahmed-Zaidane©Michel-Guignard_250.jpg");
}
.archive-item-ardin .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-afrique-occidentale/Dimi-Mint-Abba-a-la-harpe-ardin-concert-enregistre-le-15-octobre-1999-a-la-Cite-de-la-musique©Philharmonie-de-PariS2_250.jpg");
}
.archive-item-tbal .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Timbale-tbal©Michel-Guignard_250.jpg");
}
.archive-item-tidinit .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Luth-tidinit©dessin-de-Frederique-Darros_250.jpg");
}
/* instruments senegal */
.archive-item-bala .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Adama-Conde-au-bala-concert-enregistre-a-la-cite-de-la-musique-le-14-fevrier-2009-©-Philharmonie-de-Paris_250.jpg");
}
.archive-item-kora .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Djeli-Moussa-Sissoko-kora-concert-enregistre-le-16-octobre-1999-a-la-Cite-de-la-musique-©-Philharmonie-de-Paris_250.jpg");
}
.archive-item-sabar .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Tambour-sabar-concert-enregistre-a-la-Cite-de-la-musique-le-23-octobre-2010©Philharmonie-de-Paris_250.jpg");
}
.archive-item-tama .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Tambour-tama-du-Senegal-concert-enregistre-a-la-Cite-de-la-musique-le-23-octobre-2010©Philharmonie-de-Paris_250.jpg");
}
.archive-item-xalam .archive-item-img{
    background-image: url("https://drop.philharmoniedeparis.fr/Reperes/Musiques-du-monde/Musiques-Afrique-occidentale/Luth-xalam-concert-enregistre-a-la-Cite-de-la-musique-le23-octobre-2010©Philharmonie-de-Paris_250.jpg");
}

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

/*! ************************************************ */
/*!   ENCART sidebar rebond incontournable               */
/*! ************************************************ */
.incontournable-rebond li {
    position: relative;
}
/* .incontournable-rebond a:hover::after {
    content: url(images/icon-extlink-14px.png);
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
}
 */
.histoire-jazz-instru.dossier-oe-modele #zone-5 {
    background: #f5f5f5;
}
.histoire-jazz-instru.dossier-oe-modele #zone-5 .panel-front{
    background: transparent;
}
.histoire-jazz-instru.dossier-oe-modele h1 {
    text-align: left;
}
.histoire-jazz-instru.dossier-oe-modele #zone-5 h2 {
    font-size: 1.35rem;
    text-transform: uppercase;
}
.histoire-jazz-instru.dossier-oe-modele h2 span {
    background: #f5f5f5;
}
.histoire-jazz-instru.dossier-oe-modele h3,
.histoire-jazz-instru.dossier-oe-modele h3 span {
    font-family: LinotypeBrewery-Bold;
}
.histoire-jazz-instru.dossier-oe-modele h4,
.histoire-jazz-instru.dossier-oe-modele h4 strong,
.histoire-jazz-instru.dossier-oe-modele h4 span{
    font-family: LinotypeBrewery-Regular;
    text-transform: none;
    font-weight: normal;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item {
    display: flex;
    border: 1px solid #fff;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item:hover{
    border: 1px solid #000;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb {
    width: 60px;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .vignette_document img.ermes-thumb.ermes-thumb-size-MEDIUM {
    min-width: 60px !important;
    min-height: 60px !important;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .notice_corps{
    padding-bottom: 0;
    flex: 1;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond .webframe-ermes-lastviewedresources-item .notice_corps div{
    font-size: .875rem;
}
.histoire-jazz-instru.dossier-oe-modele .incontournable-rebond h3 {
    font-family: LinotypeBrewery-Regular, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: .825rem;
}


/*! **************************************************** */
/*! encart mozaique responsive pour recherche capturee : */
/*! **************************************************** */
.panel-front, .panel-selection {
    /* padding-left: 7px!important; */
    padding-left: 7px;
}

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

#portal .encart-mozaique.container>.panel-heading {
    width: 100%
}
.encart-mozaique.mozaique-instrument .notice_corps .InstrumentTypeValue{
    display:none;
}
.encart-mozaique.mozaique-instrument .rs-staticList > ul li .notice_corps .desc-list .desc-list-item{
    border:0;
}

.encart-mozaique .rs-staticList.container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}
.encart-mozaique .rs-staticList>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

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

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

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

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

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


/*! Image de l'item : */

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

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

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


/*! texte de l'item : */

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

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

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

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

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

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

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

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

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

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


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




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

/*! haut de la page (catégorie, titre, description) : */
.page-ficheThematique .presentation-oe,
.page-ficheThematique h1{
    text-align: center;
}
.page-ficheThematique .presentation-oe{
    font-weight: bold;
    font-size: 14px !important;
    text-transform: none !important;
    font-family: 'Source Sans Pro', SourceSansPro !important;
}
.page-ficheThematique .presentation-oe:after {
    content: '';
    height: 1px;
    width: 40px;
    display: block;
    margin: 0px auto;
        margin-top: 0px;
    background-color: #000;
    margin-top: 10px;
}.page-ficheThematique #portal{
    background: #fff;
}


/*! filtres navigation */
.page-ficheThematique #portal .nav-container--filtres-thema{
    margin:0 auto!important;
    padding: 0;
}
.nav-container--filtres-thema,
.nav-container--filtres-thema>.panel-body,
.nav-container--filtres-thema>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

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

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

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

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

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

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

/*! ajustement de la navbar responsive bootstrap */
.page-ficheThematique .navbar.nav-container--filtres-thema .navbar-brand {
    background: #fff;
    padding: .5rem 0;
    color:#000!important;
}
@media (max-width:767px){
    .page-ficheThematique .navbar.nav-container--filtres-thema > .container {
        flex-direction:column;
    }
    .page-ficheThematique ul.navbar-nav.nav--filtres-thema{
        column-width: 180px;
        column-gap: 10px;
    }
    .page-ficheThematique .navbar-nav.nav--filtres-thema > li > a{
        padding: 1rem 0;
    }
    
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: 0;
}
.page-ficheThematique .navbar.nav-container--filtres-thema .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.page-ficheThematique .nav-container--filtres-thema .navbar-toggle {
    margin-top: 0;
    order: 2;
    flex: 1;
    text-align: right;
}
.page-ficheThematique .nav-container--filtres-thema.navbar-inverse .navbar-toggle:hover, .page-ficheThematique .nav-container--filtres-thema.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}
.page-ficheThematique .nav-container--filtres-thema .navbar-toggle.collapsed:after {
    transform:rotate(-90deg);
}
.page-ficheThematique .nav-container--filtres-thema .navbar-toggle:after {
    content:url('/ui/skins/CIMU/images/icon-chevron-bas-14px.png');
    position:absolute;
    top:0;bottom: 0;left: 150px;
    transform:rotate(0deg);
    transition: transform .15s;
}
.page-ficheThematique .nav-container--filtres-thema .navbar-toggle:before {
    content:'Filtrer par thème';
    position:absolute;
    top:0;right: 0px;bottom: 0;left: 0;
    text-align: left;
    font-family: 'Source Sans Pro', SourceSansPro, arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color:#000;
}


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

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


/*! liste des fiches thematiques */

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

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

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


/*! image vignette de la fiche thematique */

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

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

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


/*! texte de la fiche thematique */

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

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

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

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

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

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

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

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

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

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


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



/*! ******************************************************* */
/*! PAGE BAC 2018  */
/*! ******************************************************* */
body.bacMusique #frame-25110 *,
body.bacMusique #frame-26053 *{
    margin:0 auto!important;padding:0;
}
body.bacMusique #portal .frame {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding:20px 0!important;
    margin:0!important
}
.panel-front, .panel-selection {
    padding: 0;
}
.content-oe-modele.bacMusique .panel-front.only-content, .content-oe-modele.bacMusique .panel-front.content-img-dr, .content-oe-modele.bacMusique .panel-front.content-img-gch {
    padding: 0;
    margin: 0;
}
@media (max-width:767px) {
    body.bacMusique #portal {
        padding: 0!important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*! ************************ */
/*! Navigation blocs carrés : */
/*! ************************ */

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

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

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

.navigationBlocs-conteneur h2,
.navigationBlocs-conteneur h2 span {
    font-family: LinotypeBrewery-regular, sans-serif
}

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

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

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

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

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

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

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

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

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

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

li.navigationBlocs-item-noHover .content h3 a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto
}
li.navigationBlocs-item .content h3 em,
li.navigationBlocs-item .content h3 .titreOeuvre{
    font-size: 14px;
    margin-bottom: 10px;
}
li.navigationBlocs-item-noHover .content .description{
        width:100%;
    max-width:100%;
}
li.navigationBlocs-item-noHover .content .description a {
    display: block
}

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

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

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

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

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

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

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

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


/*! ************************ */
/*! backgrounds option facultative : */

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

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

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

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

.bac2019 .nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(/ui/skins/CIMU/images/photos-illus/Portrait-de-Joe-Zawinu.jpg) no-repeat center;
    background-size: cover
}
/* bac 2020 */
.bac2020 .nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Van-beethoven-ludwig/Beethoven-composant-la-Missa-Solemnis-par-Joseph-Carl-Stieler-portrait-a-l-huile-1819-ou-1820©Beethoven-Haus-Bonn_LD.jpg) no-repeat center;
    background-size: cover
}
.bac2020 .nav-bac18-optionFacult li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Richter-Max/MaxRichter-photo-Charles-d-Herouville_350.jpg) no-repeat center;
    background-size: cover
}
/* bac 2021 */
.bac2021 .nav-bac18-optionFacult li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Haydn-Joseph/Thomas-Hardy-Franz-Joseph-Haydn©Gallica-BnF_LQ.jpg) no-repeat center;
    background-size: cover
}

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

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

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

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

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

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


/*! ************************ */
/*! backgrounds option lourde : */

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

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

.nav-bac18-optionLourde li.navigationBlocs-item:nth-child(3) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Bach-Johann-Sebastian/Johann-Sebastian-Bach%C2%A9Herzog-August-Bibliothek_LQ.jpg) no-repeat center;
    background-size: cover
}
/* bac 2019 */
.bac2019 .nav-bac18-optionLourde li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Mendelssohn-Felix/Felix-Mendelssohn-d-apres-un-tableau-de-Carl-Jager©Gallica-BnF_LQ.jpg) no-repeat center;
    background-size: cover
}

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

.bac2019 .nav-bac18-optionLourde li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Bach-Johann-Sebastian/Johann-Sebastian-Bach%C2%A9Herzog-August-Bibliothek_LQ.jpg) no-repeat center;
    background-size: cover
}
/* bac 2021 */
.bac2021 .nav-bac18-optionLourde li.navigationBlocs-item:nth-child(2) {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Rameau-Jean-Philippe/Portrait-de-Jean-Philippe-Rameau©Philharmonie-de-Paris-JM-Angles_LQ.jpg) no-repeat center;
    background-size: cover
}

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

.bac2021 .nav-bac18-optionLourde li.navigationBlocs-item:first-child {
    background: #ffd076 url(https://drop.philharmoniedeparis.fr/biographies/compositeurs/Chostakovitch-Dmitri/Chostakovitch-Roger-et-Renate-Rossing-Deutsche-Fotothek_350.jpg) no-repeat center;
    background-size: cover
}
/* fiche pratique et textes officiels */
#page .nav-bac18-optionLourde li.navigationBlocs-item-noHover {
    background: #e6e6e6 url(/ui/skins/CIMU/images/photos-illus/serie-L-arts-musique.jpg) no-repeat center;
    background-size: cover
}

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

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

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

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


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

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

.navigationBlocsPile-sublevel>ul>li.double {
    max-height: 450px;
    height: auto;
}
.navigationBlocs-sublevel>ul>li.texte-solo{
    background: #fff;
}

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

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

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

.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
.navigationBlocsPile-item .yoyo-trigger .img-container,
.navigationBlocsPile-item > div .img-container {
    max-width: 115px;
    width: 115px;
    overflow:hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media (max-width:555px){
/*
    .navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
    .navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
    .navigationBlocsPile-item .yoyo-trigger .img-container,
    .navigationBlocsPile-item > div .img-container {
        max-width: 115px;
        width: 75px;
    }
*/
}
.bacFacult-ressources.navigationBlocs-sublevel ul li .navigationBlocs-sublevel-img,
.bacFacult-ressources.navigationBlocsPile-sublevel ul li .navigationBlocsPile-sublevel-img,
.navigationBlocsPile-item .yoyo-trigger .img-container {
    background-color: #d3d2e8;
}

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

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

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

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

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

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

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

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

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

/*! ************************ */
/*! nav blocs empilés mobile */
/*! ************************ */

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

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

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

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

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

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

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

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

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

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

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

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

.navigationBlocsPile .navigationBlocsPile-item > div .txt-container h3,
.navigationBlocsPile .navigationBlocsPile-item > div .txt-container h3 a,
.navigationBlocsPile .navigationBlocsPile-item > div .txt-container h3 em,
.navigationBlocsPile .navigationBlocsPile-item > div .txt-container h3 span {
    margin: auto 0;
    font-family: LinotypeBrewery-regular, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #000!important
}
.navigationBlocsPile .navigationBlocsPile-item > div .txt-container h3 em,
.navigationBlocsPile .navigationBlocsPile-item > div .txt-container h3 .titreOeuvre {
    font-size: 14px;
    margin-bottom: 5px;
    display:block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*Lien debug (info du navigateur)*/
#debugLink{
    /* clear: both; */
    float: left;
    width: 15px;
    height: 15px;
    /* background-color: #FF0000; */
    color: white;
}

#debugLink a{
    color: white;
}



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

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

}

/*! fin : LISTE DES JAZZMEN */


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

body,
html {
    font-size: 100%;
    font-size: 16px
}
.content-oe-modele #portal .rebond .template-title {
    font-size: .875rem;
    font-family: "SourceSansPro";
}
.content-oe-modele #portal .rebond .template-info{
    font-size: .825rem;
}
.content-oe-modele .content-img-dr li,
.content-oe-modele .content-img-dr p,
.content-oe-modele .content-img-gch li,
.content-oe-modele .content-img-gch p,
.content-oe-modele .oe-accroche p,
.content-oe-modele .only-content li,
.content-oe-modele .only-content p
/*
.content-oe-modele .rubrique-oe li,
.content-oe-modele .rubrique-oe p 
*/
{
    font-size: 1rem;
/*    text-align:justify;*/
}


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

@media (min-width:1100px) {
    .digital-home #page>.container {
        width: 100%;
        max-width: 100%
    }
    .digital-home #portal #zone-2 div[id^=frame-] {
        max-width: 1100px;
        margin: 0 auto
    }
    .digital-home #portal #zone-2 #frame-27560,
    .digital-home #portal #zone-2 #frame-27581 {
        max-width: 100%
    }
    .section-essentiels .section-essentiels {
        max-width: 1100px;
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .digital-home #pdpmenu {
        display: none
    }
    #page>.container,
    #zone-2 {
        padding-left: 0;
        padding-right: 0
    }
}
.digital-home #search-panel {
    padding: 0
}

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

.digital-home #portal #zone-2 div[id^=frame-]>div.cta {
    padding-bottom: 0
}

.digital-home .panel-front {
    padding: 0 7px;
    margin-bottom: 0
}

.digital-home #portal h2 {
    font-family: LinotypeBrewery-Bold;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    background: 0 0;
    padding-top: 1.5rem;
    position: relative;
    margin-top: 0
}

.digital-home #portal .panel-heading i.resize {
    display: none!important
}

.digital-home #portal h2 span {
    font-weight: 400;
    text-align: center;
    background: 0 0;
    padding: 0
}

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

.digital-home #portal .slider h3,
.digital-home #portal h3 {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    max-width: 100%;
}

.digital-home .slider h2,
.digital-home .slider h3,
.digital-home .slider p,
.digital-home .slider span {
    margin: 0 0 1rem
}

.digital-home .slider h2 span,
.digital-home .slider h3 span,
.digital-home .slider p span {
    margin: 0
}

.digital-home p {
    /*!    font-size: 1rem; */
    margin-top: 0
}

/*! fin : partie a generaliser au site apres tests de compatibilité des css deja presents */
.digital-home #portal {
    padding-bottom: 0 !important;
    background:transparent;
}
.digital-home #frame-27556,
.digital-home #frame-27556 {
    background:#fff;
}
#portal .typeDoc {
    font-size: .825rem;
    color: #777;
    text-transform: uppercase;
    margin-bottom: .375rem
}

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


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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) {
    ul.nav-typeDoc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    nav.nav-typeDoc-mobile {
        display: none
    }
}
/*! ****************************************** */
/*! DIGITAL : carousel home page */
/*! ****************************************** */

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

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

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

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

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

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

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

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

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

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

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

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

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


/*! slider mobile */

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.pub-lien {
    display: none
}

@media (max-width:767px) {
    .essentiels-container .pub {
        padding: 0;
        display: block;
    }
    .pub li.pub-item {
        padding: 1rem;
        position: relative;
        margin: 0;
        border: 2px solid #f5f5f5
    }
    .pub-lien,
    .pub-lien:hover {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: transparent
    }
    .pub-item-pad .pub-lien:hover {
        border:2px solid #ffd076;
    }
    .pub-item-edutheque .pub-lien:hover {
        border:2px solid #b3d6fd;
    }
    .pub .pub-item .btn,
    .pub .pub-item p {
        display: none
    }
    .pub .pub-item-logo img {
        max-width: 110px
    }
}
/*! *********************************************** */
/*! ****** Bandeau Call To Action cta  ************ */
/*! *********************************************** */
div[id^=frame-]>.cta {
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover
}

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

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

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

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

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

.cta h2 span {
    margin: 0 auto
}

/* ********************************* */
/* NOTICES LONGUES V2                */
/* ********************************* */
/*! titres des notices */
.page-Recherche-PAD #notice_longue_description h1,
.notice-PAD #notice_longue_description h1{
    text-indent: 0;
    width:100%;
}
.page-Recherche-PAD #notice_longue_description h1,
.notice-PAD #notice_longue_description h1,
.page-Recherche-PAD #notice_longue_description h1 span,
.notice-PAD #notice_longue_description h1 span{
    display: block;
    position: relative;
    width: 100%;
    text-indent: 0;
    font-family: LinotypeBrewery-Medium, sans-serif;
    color:#000;
    text-transform: uppercase;
    font-size: 1.625rem!important;
    text-align: left;
    background-color: transparent;
    background-image: none;
    margin-bottom: 1rem;    
}
/*! on masque le picto du type de document (notices vidéo) */
#notice_longue .notice-video .imagetypedocfull{
    display: none;
}
#notice_longue #programme-plage ul#liste_plage li a span.compositeur-plage:before{
    content:" / ";
    display: inline-block;
        
}
/*! ressources associées : */
#notice_longue .notice-video #ressourceliee{
    border: 0;
    padding: 0;
}
#notice_longue .notice-video #ressourceliee div.ressources-conteneur{
    display: flex;
    flex-wrap: wrap;
}
#notice_longue .notice-video #ressourceliee .dl-horizontal {
    padding: 1rem;
    margin: .25rem;
    border: 1px solid #ebebda;
    flex: 1 100%;
    flex-basis: 100%;
}
#notice_longue .notice-video #ressourceliee .dl-horizontal .maj {
    margin-bottom:.5rem;
}
#notice_longue div#ressourceliee .dl-horizontal ul li {
    padding: 0;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
#notice_longue div#ressourceliee .dl-horizontal ul li:last-of-type {
    border-bottom: 0;
}
#notice_longue div#ressourceliee .dl-horizontal ul li:hover {
    background: #f5f5f5;
}
#notice_longue .notice-video div#ressourceliee .dl-horizontal ul li figure,
#notice_longue_description div#ressourceliee .dl-horizontal ul li figure {
    padding: .25rem 0;
}
#notice_longue div#ressourceliee .dl-horizontal ul li img {
    margin:0;
    width: 100%;
    border: 0;
}
#notice_longue #ressourceliee ul li a,
#notice_longue #ressourceliee .marge.uni100liste li a {
    flex: 1;
    padding: .25rem 0 .25rem 1.5rem!important;
    display: flex;
    align-items: center;
    border-left: 0!important;
    border-bottom: 0!important;
}

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

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


/*! ******************************************************** */
/*! Liste de documents (avec mis en avant + liste + filtres) */
/*! ******************************************************** */
ul.listeDocs,
ul.listeDocs *{
    margin:0;padding:0;
}
ul.listeDocs{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.listeDocs .listeDocs-item{
    flex: 1 100%;
    margin-bottom: 1rem;
    border:1px solid #bbb;
}
ul.listeDocs .listeDocs-item:hover{
    border:1px solid #000;
}
ul.listeDocs .listeDocs-item > a{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: 100px;
}
ul.listeDocs .listeDocs-item > a.biblio{
    height: 120px;
}
/*! zone image de la liste */
ul.listeDocs .listeDocs-item--image {
    width: 90px;
    height: 100px;
    display: flex;
    position: relative;
}
a.biblio .listeDocs-item--image {
    width: 100px;
    height: 120px;
}
ul.listeDocs .listeDocs-item--image .icon-docType{
    position: absolute;
    top: 0;
    left: 0;
}
ul.listeDocs .listeDocs-item--image .docApercu{
    min-width: 100%;
    object-fit: cover;
    background: #f5f5f5 url(https://drop.philharmoniedeparis.fr/homepage/patrimoine/typededocs/conference.png) no-repeat center;
    background-size: 70%;
}
ul.listeDocs .biblio .listeDocs-item--image .docApercu{
    background: #f5f5f5 url(https://drop.philharmoniedeparis.fr/homepage/catalogue/pictos/livres.png) no-repeat center;
}
/*! zone de texte de la liste */
ul.listeDocs .listeDocs-item--texte{
    flex:1;
    padding: .5rem;
    display: flex;
    overflow:hidden;
}
.infoMain {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
ul.listeDocs h3{
    font-size: .825rem;
    line-height: 1.25;
    font-family: LinotypeBrewery-Bold, sans-serif;
    text-transform: none;
    font-weight: normal;
    margin-bottom: .25rem;
}
ul.listeDocs h4 {
    font-family: 'SourceSansPro', sans-serif;
    font-weight: normal;
    font-size: .725rem;;
    margin-bottom: .25rem;
}
ul.listeDocs p,
ul.listeDocs li,
ul.listeDocs span{
    font-size: 12px;
    font-family: 'SourceSansPro', sans-serif;
    color:#777;
}
ul.listeDocs .docType,
ul.listeDocs .docType span{
    font-size: 11px;
    text-transform: uppercase;
}
ul.listeDocs .docType span:first-of-type{
    margin-right: .5rem;
}
ul.listeDocs .docType span.categ{
    background-color: #ddd;
    color:#444;
}
ul.listeDocs .docType .categ.categ-Conférence{
    background-color: #fce9f1;
}
ul.listeDocs .docType .categ.categ-Rencontre{
    background-color: #fee4c3;
}
ul.listeDocs .docType .categ.categ-Colloque{
    background-color: #d7ede6;
}
ul.listeDocs .timeInfo {
    margin-top: auto;
}
ul.listeDocs .timeInfo-duree{
    padding-right: .75rem;
    margin-right: .75rem;
    padding-right: .75rem;
    margin-right: .75rem;
    position: relative;
}
ul.listeDocs .timeInfo-duree:after{
    content:"|";
    color:#777;
    position: absolute;
    right: 0;
}
ul.listeDocs .timeInfo-date{
    font-family: 'SourceSansPro', sans-serif;
    font-weight: bold;
    color:#444;
}
ul.listeDocs .timeInfo-date::before {
    content: url(https://philharmoniedeparis.fr/profiles/pdp/themes/pdp_theme/img/picto-agenda.png);
    margin-right: 5px;
    font-size: 12px;
    display: inline-block;
    margin-top: 2px;
}

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

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

@media (min-width:767px){
    ul.listeDocs h4 {
        font-size: 14px;
    }
    ul.listeDocs .misEnAvant h4 {
        font-size: 1rem;
    }
    /*! zone image de la liste */
    ul.listeDocs .listeDocs-item--image {
        width: 210px;
    }
    a.biblio .listeDocs-item--image {
        width: 120px;
    }
    ul.listeDocs .listeDocs-item--image .docApercu{
        background-size: contain;
    }
    ul.listeDocs .listeDocs-item--texte {
        padding:.5rem 1rem; 
    }
    ul.listeDocs h3{
        font-size: 1rem;
    }
    ul.listeDocs .listeDocs-item--texte .infoMain {
        flex: 2;
    }
    ul.listeDocs .timeInfo {
        margin-top: 0;
    }
    ul.listeDocs .quidam{
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        padding-left: 1rem;
    }
    ul.listeDocs div.more-info {
        flex: 1;
        display: flex;
    }
    ul.listeDocs .btn.btn-default {
        margin: auto;
        padding: .5rem 1rem;
    }
    ul.listeDocs h3{
        font-size: 1.125rem;
    }
    ul.listeDocs p,
    ul.listeDocs li,
    ul.listeDocs span{
        font-size: .875rem;
    }
    ul.listeDocs .docType,
    ul.listeDocs .docType span{
        font-size: 12px;
    }
}
/*! ********************** */
/*! documents mis en avant */
ul.listeDocs .listeDocs-item.misEnAvant {
    flex: 1 100%;
    height: auto;
}
ul.listeDocs .listeDocs-item.misEnAvant a{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    flex-direction: column;
}
/*! zone image de la liste */
ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image {
    width: 100%;
    height: 180px;
}
ul.listeDocs .listeDocs-item.misEnAvant .biblio .listeDocs-item--image {
    height: 210px;
}
ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--image .docApercu {
    object-fit: cover;
    width: 100%;
}
ul.listeDocs .listeDocs-item.misEnAvant .biblio .listeDocs-item--image .docApercu {
    object-position: top;
}
ul.listeDocs .listeDocs-item.misEnAvant .listeDocs-item--texte {
    padding:1rem;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
ul.listeDocs .listeDocs-item.misEnAvant .infoMain{
    margin-bottom: .5rem;
    flex: 1 100%;
}
ul.listeDocs .listeDocs-item.misEnAvant h3,
ul.listeDocs .listeDocs-item.misEnAvant p,
ul.listeDocs .listeDocs-item.misEnAvant span{
    margin-bottom: .325rem;
}

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

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

/* uniquement page selections-thematiques */
#content.selectionsThema ul.listeDocs span.type, #content.selectionsThema ul.listeDocs span.timeInfo-duree, #content.selectionsThema ul.listeDocs span.timeInfo-date, #content.selectionsThema ul.listeDocs img.icon-docType {
    display: none;
}

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

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

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

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

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

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

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

.edit-filtres--container {
    display: flex;
}
.edit-filtres-recherche--wrap {
  flex: 1;
  order: 2;
  text-align: right;
  /*! display: flex; */
}
.rechercheContenu--form {
  border: 1px solid #ccc;
  display: flex;
  padding: .5rem 1rem;
  background: #fff;
}
#rechercheContenu {
  border: none;
  flex: 1;
}
label[for="rechercheContenu"]:before {
  content: url(/ui/skins/CIMU/images/submit-search.png);
  display: block;
  width: 100%;
  height: 100%;
}
label[for="rechercheContenu"] {
  margin: 0;
  width: 19px;
  height: 19px;
}
.edit-filtres--declencheur-wrap {
  flex: 1;
  display: flex;
}
.edit-filtres--wrap {
  flex: 2;
  display: flex;
  flex-direction: column;
}
.edit-filtres--search-results {
    display: none;
/*
    margin-top: 8px;
    margin-left: 20px;
*/
    margin: 0;
    padding: .5rem 0 .5rem 1rem;
    color: #777;
}
.edit-filtres--declencheur {
  padding: .5rem 1rem;
  background: #fff;
  border: 1px solid #ccc;
}
.filtres-icon {
  margin-right: 1rem;
}
.filtres-open .triggerTexte-masquer {
    display: none;
}
.filtres-bloc--container {
  background: #f5f5f5;
  padding: 1rem;
  position: relative;
  margin-bottom: 2rem;
}
.edit-filtres-tags--wrap, .filtres-tags--item, #tag-delete-all {
  display: inline-block;
  margin: .5rem;
}
.tag-delete-item {
  padding-left: 1rem;
}
.filtres-tags--item {
  padding: .2rem .5rem;
  border: 1px solid #ddd;
  font-size: .875rem;
}
#tag-delete-all {
  font-size: .875rem;
  color: #fff;
  background: #000;
  padding: .2rem .5rem;
}
.edit-filtres-liste--wrap {
  position: absolute;
  top: calc(1rem + 50px);
  z-index: 2;
  background: #f5f5f5;
  left: 0;
  padding: 1rem 2rem 2rem;
  width: 100%;
  flex-wrap: wrap-reverse;
}
.filtres-colonne {
  margin: 0 2rem 1rem;
}
.edit-filtres--itemGroup label {
  font-weight: normal;
  text-transform: uppercase;
  font-size: .825rem;
}
.edit-filtres--item input {
  margin-right: 1rem;
}
.edit-filtres--itemGroup {
  padding-left: 1rem;
}
.filtres-bloc--container label {
  font-weight: normal;
}
.labelHeader {
  font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-weight: 500;
  margin-bottom: 1rem;
}
.filtres-tags--item:first-of-type, .edit-filtres-tags--wrap:first-of-type {
  margin-left: 0;
}

.tags_close .tags-filtres--container {
  display: none;
}
.tags_open .tags-filtres--container {
  display: block;
}
.filtres_close .edit-filtres-liste--wrap {
  display: none;
}
.filtres_open .edit-filtres-liste--wrap {
  display: flex;
}
.filtres-bloc--container.filtres_open.tags_close {
    margin-bottom: calc(205px + 2em);
}
.filtres-bloc--container.filtres_open.tags_open {
    margin-bottom: calc(145px + 2em);
}
.edit-filtres--close {
    margin: 0 auto;
    flex: 1;
    text-align: right;
}
.edit-filtres--close a {
    white-space: nowrap;
}
.edit-filtres--close img {
    width: 1rem;
    margin-left: 1rem;
    vertical-align: top;
}
.item--search-bar {
    display: none;
}
.noConference {
    display: none;
}
@media (max-width:767px){
    .hideMobile {
        display: none;
    }
    .edit-filtres-recherche--wrap {
        flex: 4;
    }
    
    .edit-filtres--declencheur span {
      font-size: 12px;
        text-transform: uppercase;
    }
}
@media (max-width:500px){
    .edit-filtres-recherche--wrap {
        flex: 3;
    }
    .edit-filtres--declencheur img {
      margin:0;
      min-width: 16px;
    }
    .edit-filtres--declencheur span {
      display: none;
    }
    .edit-filtres--search-results {
        font-size: .825rem
    }
    .edit-filtres-liste--wrap {
        padding: 1rem 0 2rem;
    }
    .edit-filtres--close {
        padding-right: 1rem;
    }
}



/*! ********************* */
/*! PAGE CONFERENCES 2.0  */
/*! ********************* */
body.conference-new #search-panel{
    display:none;
}

/*! ************** */
/*! BLOC PRINT-PDF */
/*! ************** */
body:not(.edutheque) .print-pdf > .print-pdf{
    display: none;
}

.print-pdf img {
    margin-right: 10px;
}

.print-pdf a {
    color: #000000 !important;
}

#container3d{
    background-color: rgb(233, 233, 233);
}





/* ***************************************************************************************** */
/* NOTICES LONGUES V.2019 */
/* ***************************************************************************************** */
#notice_longue .notice-v19 section {
    padding:1rem .5rem;
}
#notice_longue .notice-v19 .notice--entete {
    display: flex;
    justify-content: space-between;
}
#notice_longue .notice-v19 .notice--docLink {
    padding:0 .5rem;
}
#notice_longue .notice-v19 .notice--zone-titre {
    flex:2;
}
#notice_longue .notice-v19 .typeDoc-apercu {
    display: none;
}
#notice_longue .notice-v19 .notice--zone-titre p.item-Type{
    display: inline-block;
}
#notice_longue .notice-v19 .notice--zone-titre img.typeDoc-icon--mobile{
    display: inline-block;
    vertical-align: bottom;
    width: 48px;
    margin-bottom: .35rem;
}
@media (min-width:768px){
    #notice_longue .notice-v19 .notice--zone-titre img.typeDoc-icon--mobile{
        display: none;
    }
    #notice_longue .notice-v19 .typeDoc-apercu {
        flex:1;
        display: block;
        text-align: center;
    }
}
#notice_longue .notice-v19 .typeDoc-apercu img{
    margin: 0;
    margin: auto;
    width:unset;
    box-shadow: none;
    border: 0;
    opacity:.2;
}
#notice_longue .notice-v19.notice-programme .typeDoc-apercu img,
#notice_longue .notice-v19.notice-guideecoute .typeDoc-apercu img{
    width:100px;
    box-shadow: 0 4px 9px 0 #ddd;
    opacity:1;
}
#notice_longue .notice-v19 img,
#notice_longue .notice-v19 .btn-info{
    border: 0;
}
#notice_longue .notice-v19 .fichier-audio-video{
    display:none;
}
#notice_longue .notice-v19 .notice--entete p,
#notice_longue .notice-v19 .notice--entete li{
    font-family: "SourceSansPro", sans-serif;
    color:#777;
    font-size: .875rem;
    border: 0;
    padding:0;
}
#notice_longue .notice-v19.notice-programme .notice--entete ul{
    background: transparent;
    padding:0;
}
#notice_longue .notice-v19 .notice--entete p.item-Type {
    text-transform: uppercase;
    font-family: "SourceSansPro", sans-serif;
    font-weight: 500;
    color:#777;
    margin-bottom: .35rem;
}
#notice_longue .notice-v19 p.item-Type.line:after {
    content:"";
    display: none;
}
#notice_longue .notice-v19 h1 {
    width:unset;
    font-size: 1.375rem!important;
    line-height: 1.1;
    text-indent: 0;
}
#notice_longue .notice-v19 h1 span {
    background: none;
    float: none;
    clear: both;
    text-align: left;
    padding-left: 0;
    font-size: 1.375rem!important;
    line-height: 1.1;
    font-family: LinotypeBrewery-Bold, sans-serif;
    margin-bottom: 1rem;
    text-indent: 0;
}
@media (max-width:650px) {
    #notice_longue_description .notice-v19 .notice--entete h2 span {
        margin-top: 0;
    }
}
#notice_longue .notice-v19 #programme-plage h2.category_header span {
    padding-left: 1rem;
    margin-bottom: 1rem;
}
#notice_longue .notice-v19 h2.category_header span {
    background: none;
    text-align: left;
    padding-left: 0;
    font-size: 1.125rem;
    text-transform: none;
    font-family: LinotypeBrewery-Bold, sans-serif;
    margin-bottom: .5rem;
}
#notice_longue .notice-v19 dl dt.maj,
#notice_longue .notice-v19 a{
    font-size: .875rem;
}
#notice_longue .notice-v19 .concert_rec > p, #notice_longue .notice-v19 .concert_rec > span,
#notice_longue .notice-v19 .real > span {
    color: #777;
    float: none;
    clear: both;
    padding: 0;
    font-size: .875rem;
}
#notice_longue .notice-v19 .real > span.real-item{
    padding:0;
}
.real-item:nth-of-type(n+2):before{
    content:", "
}
#notice_longue .notice-v19 a.btn-default.btn.connect-notice {
    text-transform: uppercase;
    font-size: .825rem;
    vertical-align: baseline;
    border: 1px solid #000 !important;
    background: #fff !important;
    color: #000 !important;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: inline-block;
    padding: .35rem 1rem;
}
#notice_longue .notice-v19 a.btn-default.btn.connect-notice:hover {
    border: 1px solid #000 !important;
    background: #000 !important;
    color: #fff !important;
}
#notice_longue .notice-v19 .concert_rec {
    margin-bottom: 0;
}
#notice_longue .notice-v19 .concert_rec > .exp_date {
    padding: 0;
    background: transparent!important;
    background-color: transparent!important;
    border: 0;
    font-family: SourceSansPro, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .825rem;
}
#notice_longue .notice-v19 .concert_rec > .exp_date:before {
    content: "| ";
    margin-right: .25rem;
}

/* NOTICE V19 BOUTON ACTION */
#notice_longue .notice-v19 a.docLink,
#player_contenu #player_content a.player-link {
    display: block;
    float: left;
    position: relative;
    padding: 1.125rem 2rem 1.125rem 4rem;
    color: #000 !important;
    margin-top: 10px;
    border: 0;
    font-size: .875rem;
    text-transform: uppercase;
}
#notice_longue .notice-v19 a.docLink span,
#player_contenu #player_content a.player-link span{
    color: #000 !important;
    font-family: 'SourceSansPro', sans-serif;
    font-weight: 500;
    font-size: .875rem;
}
#notice_longue a.link-download:after {
    content: url(images/icon-download-16px.png);
    position: absolute;
    top: 1.25rem;
    left: 2rem;
    border: 0;
}
.edutheque #page > div.contenu #notice_longue .notice-v19 a.docLink,
.edutheque #page > div.contenu #player_contenu #player_content a.player-link {
    color: #001b3b !important;
    background: transparent;
    border:1px solid #001b3b!important;
    text-transform: none;
    padding: .5rem 2rem;
}
.edutheque #page > div.contenu #notice_longue .notice-v19 a.docLink span,
.edutheque #page > div.contenu #player_contenu #player_content a.player-link span{
    color: #001b3b !important;
}

.edutheque #page > div.contenu #notice_longue a.link-download:after {
    content: url(images/icon-download-16px.png);
    position: static;
    border: 0;
    margin-left:1rem;
}
#player_contenu #player_content .player-buttons {
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}

#player_contenu #player_content a.player-link {
    display: inline-block;
    box-sizing: border-box;
}
#player_content .player-buttons a.player-link:before {
    content: url(images/icon-triangle-16px.png);
    position: absolute;
    top: 1.1rem;
    left: 2rem;
    border: 0;
    transform: none;
}
#player_content .player-buttons a.player-link:after {
    content: attr(data-titre);
    display: none;
	
}
/*
#notice_longue .notice-v19 .item-publisher li, .item-publisher li {
    margin-right: 0;
}
#notice_longue .notice-v19 #programme-plage{
    flex:1 450px;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li {
    list-style-type: none!important;
    margin:0;
    clear: both;
    display: flex;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li:nth-of-type(odd) {
    background: #fafafa;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li:hover,
#notice_longue .notice-v19 #programme-plage li.prog:hover {
    background: #fff;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a{
    flex: 1;
    padding: .35rem;
    padding-left: 1rem; 
    font-size: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.titre-plage{
    font-size: .875rem;
    color:#1675e1;
    flex:3.5;
    line-height: 1.25;
    padding-right: .25rem; 
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.compositeur-plage{
    font-size: .825rem;
    padding-left: .25rem; 
    float: right;
    color:#777;
    flex: 2.5;
    line-height: 1.25;
}
*/
/* NOTICE V19 CONTENU */
.notice-v19 .notice--contenu {
    display: flex;
    flex-wrap: wrap;
}
.notice-v19 .notice--contenu > div {
    flex: 1 290px;
    padding:1rem .5rem;
}
#notice_longue .notice-v19 #programme-plage h2, #notice_longue .notice-v19 #contexte h2, #notice_longue .notice-v19 #ressourceliee h2 {
    background: transparent;
}

.notice-v19 .notice--contenu #notice--description {
    background: #f5f5f5;
}
#notice_longue .dl-horizontal ul li {
    font-size: .875rem;
    display: inline-block;
}


/* notice v19 publisher et programme plages */
#notice_longue .notice-v19 .notice--contenu{
    width: 100%;
    margin-top: 0;
    justify-content: space-between;
}
#notice_longue .notice-v19 .notice--contenu > *{
    margin: 0;
    border: 4px solid white !important;
}
#notice_longue .notice-v19 .item-publisher,
 .notice-v19 .item-publisher,
#notice_longue .notice-v19 #programme-plage{
    background:#f5f5f5;
    padding: 1rem 0 0;
    border: 0;
}
#notice_longue .notice-v19 .item-publisher,
.notice-v19 .item-publisher{
    padding: 1rem;
/*    flex:1 33%;*/
    flex:1 250px;
    padding-left: 2rem;
    margin-bottom: 0;
}
#notice_longue .notice-v19 .item-publisher li, .item-publisher li {
    margin-right: 0;
}
#notice_longue .notice-v19 #programme-plage{
/*    flex:1 63%;*/
    flex:1 450px;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li {
    list-style-type: none!important;
    margin:0;
    clear: both;
    display: flex;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li:nth-of-type(odd) {
    background: #fafafa;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li:hover,
#notice_longue .notice-v19 #programme-plage li.prog:hover {
    background: #fff;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a{
    flex: 1;
    padding: .35rem;
    padding-left: 1rem; 
    font-size: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.titre-plage{
    font-size: .875rem;
    color:#1675e1;
    flex:3.5;
    line-height: 1.25;
    padding-right: .25rem; 
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.compositeur-plage{
    font-size: .825rem;
    padding-left: .25rem; 
    float: right;
    color:#777;
    flex: 2.5;
    line-height: 1.25;
}
#notice_longue .notice-v19 li.prog {
    padding: 1rem 0 .5rem;
    display: flex;
    align-items: center;
}
#notice_longue .notice-v19 li.prog a {
    flex: 1;
    padding: .5rem;
    font-size: .875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .titre-plage,
#notice_longue .notice-v19 li.prog a:hover{
    text-decoration: underline!important;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .compositeur-plage {
    text-decoration: none!important;
}
#notice_longue .notice-v19 #programme-plage .note {
    padding:1rem;
}
#notice_longue .notice-v19 li.prog img.pdf {
    margin: 0 .75rem 0 0;
    order:0;
}

@media (min-width:768px){
    #notice_longue .notice-v19 .publisher-container,
    .notice-v19 .publisher-container {
        max-width: 33%;
    }
    #notice_longue .notice-v19 #programme-plage {
        max-width: 66%;
        min-width: 62%;
    }
}
#notice_longue .notice-v19 .item-publisher li,
.notice-v19 .item-publisher li {
    display: list-item;
    width: 100%;
    border:0;
    font-size: .875rem;
    list-style-type: disc;
/*    list-style-position: inside;*/
    list-style-position: outside; 
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
}
#notice_longue .notice-v19 .item-publisher .btn-info.tarzan{
    background:none !important;
    background-color: transparent;
    font-family: 'Source Sans Pro', SourceSansPro, sans-serif;
    color:#1675e1!important;
    margin: 0;
    padding: 0;
    transition: unset;
}
#notice_longue .notice-v19 .btn-info.tarzan:hover{
    text-decoration: underline !important;
}

#notice_longue .notice-v19 #programme-plage {
    width: unset;
    margin-right: 0;
}
#notice_longue #programme-plage .dl-horizontal {
    margin-top: 0;
}
#notice_longue #programme-plage .faitPartieDe a {
    font-size: .875rem;
}
#notice_longue #programme-plage .faitPartieDe a:hover {
    text-decoration: underline!important;
}
#notice_longue .notice-v19 .maj {
    font-size: .925rem;
}
#notice_longue #programme-plage ul#liste_plage li a span.compositeur-plage:before {
    display: none;
}

/* fin : notice V19 publisher et programme plages */




/*************************************************************************************** deja en com */

@media (max-width:767px){
/*
    #notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.titre-plage{
        flex:2;
    }
    #notice_longue .notice-v19 #programme-plage ul#liste_plage li a span.compositeur-plage{
        flex:1;
    }
*/
}

/*

#notice_longue .notice-v19 li.prog {
    padding: 1rem 0 .5rem;
    display: flex;
    align-items: center;
}
#notice_longue .notice-v19 li.prog a {
    flex: 1;
    padding: .5rem;
    font-size: .875rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .titre-plage,
#notice_longue .notice-v19 li.prog a:hover{
    text-decoration: underline!important;
}
#notice_longue .notice-v19 #programme-plage ul#liste_plage li a:hover .compositeur-plage {
    text-decoration: none!important;
}
#notice_longue .notice-v19 li.prog img.pdf {
    margin: 0 .75rem 0 0;
    order:0;
}
*/

/*************************************************************************************** deja en com */
@media (min-width:768px){
/*
    #notice_longue .notice-v19 .item-publisher,
    .notice-v19 .item-publisher {
        max-width: 33%;
    }
    #notice_longue .notice-v19 #programme-plage {
        max-width: 66%;
    }
*/
}

/*

#notice_longue .notice-v19 .item-publisher li,
.notice-v19 .item-publisher li {
    display: list-item;
    border:0;
    font-size: .875rem;
    list-style-type: disc;
    list-style-position: outside; 
}
#notice_longue .notice-v19 .item-publisher .btn-info.tarzan{
    background:none !important;
    background-color: transparent;
    color:#1675e1!important;
    margin: 0;
    padding: 0;
    font-family: LinotypeBrewery-regular, sans-serif;
    transition: unset;
}
#notice_longue .notice-v19 .btn-info.tarzan:hover{
    text-decoration: underline !important;
}

#notice_longue .notice-v19 #programme-plage {
    width: unset;
    margin-right: 0;
}
#notice_longue #programme-plage .dl-horizontal {
    margin-top: 0;
}
#notice_longue #programme-plage .faitPartieDe a {
    font-size: .875rem;
}
#notice_longue #programme-plage .faitPartieDe a:hover {
    text-decoration: underline!important;
}
*/



/*! recherches associées : */
#notice_longue .notice-v19 #notice--contexte {
    float: none;
    border: 0;
    padding: 1rem 0 0;
}
#notice_longue .notice-v19 #notice--contexte h2,
#notice_longue .notice-v19 #notice--contexte h2 span{
    padding-left: 0;
}
#notice_longue .notice-v19 #notice--contexte a.btn{
    text-decoration:underline!important;
    color:#999!important;
    background:transparent;
    transition:none;
}
#notice_longue .notice-v19 #notice--contexte a.btn-info.tarzan:hover{
    text-decoration:underline!important;
    color:#1675e1!important;
    background-color:transparent!important;
}


#notice_longue .notice-v19 .maj {
    font-size: .925rem;
}
#notice_longue .notice-v19 #notice--contexte {
    float: none;
    border: 0;
/*    padding: 1rem 0 0;*/
    flex:1 180px;
}
#notice_longue .notice-v19 #notice--contexte h2,
#notice_longue .notice-v19 #notice--contexte h2 span{
    padding-left: 0;
}
#notice_longue .notice-v19 #notice--contexte a.btn{
    text-decoration:underline!important;
    color:#999!important;
    background:transparent;
}
#notice_longue .notice-v19 #notice--contexte div.contexte-conteneur{
    display: flex;
    flex-wrap: wrap;
}
#notice_longue .notice-v19 #notice--contexte .dl-horizontal {
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ebebda;
    flex: 1;
    flex-basis: 150px;
}
#notice_longue .notice-v19 #notice--contexte .dl-horizontal .maj {
    margin-bottom:.5rem;
}
#notice_longue .notice-v19 #notice--contexte a.btn {
    text-decoration: underline !important;
    color: #999 !important;
    background: transparent;
    margin: 0 .75rem 0 0;
    transition:unset;
    border: 0;
}
#notice_longue .notice-v19 #notice--contexte .btn-info.tarzan:hover {
    color: #1675e1 !important;
    background: transparent!important;
}

/* CC (13/03/2019) sur l'oeuvre (UNI100)  */
#notice_longue .ficheOeuvre dd {
	margin-bottom:.5rem;
	font-size: .875rem;
}

#notice_longue .ficheOeuvre dd span {
	font-style: italic;
}


/*! ressources associées : */
#notice_longue .notice-v19 #notice--ressourceliee,
#notice_longue_description #notice--ressourceliee{
    border: 0;
/*    padding: 1rem 0 0;*/
}
#notice_longue .notice-v19 #notice--ressourceliee div.ressources-conteneur,
#notice_longue_description #notice--ressourceliee div.ressources-conteneur{
    display: flex;
    flex-wrap: wrap;
}
#notice_longue .notice-v19 #notice--ressourceliee .dl-horizontal ,
#notice_longue_description #notice--ressourceliee .dl-horizontal {
    padding: .5rem;
    margin: .2rem;
    border: 1px solid #ebebda;
    flex: 1 340px;

}
#notice_longue .notice-v19 #notice--ressourceliee .dl-horizontal .maj ,
#notice_longue_description #notice--ressourceliee .dl-horizontal .maj {
    margin-bottom:.5rem;
}
#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li ,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li {
    padding: 0;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ebebda;
    flex: 100%;
}
#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li:last-of-type ,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li:last-of-type {
    border-bottom: 0;
}
#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li:hover ,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li:hover {
    background: #f5f5f5;
}
#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li figure ,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li figure {
    padding: .25rem 0;
}
#notice_longue .notice-v19 div#notice--ressourceliee .dl-horizontal ul li img ,
#notice_longue_description div#notice--ressourceliee .dl-horizontal ul li img {
    margin:0;
    width: 100%;
}
#notice_longue .notice-v19 #notice--ressourceliee ul li a ,
#notice_longue_description #notice--ressourceliee ul li a,
#notice_longue #notice--ressourceliee .marge.uni100liste li a{
    flex: 1;
    padding: .25rem 0 .25rem 1.5rem;
    display: flex;
    align-items: center;
    border-left: 0!important;
    border-bottom: 0!important;
}
#notice_longue .notice-v19 #notice--ressourceliee a.btn ,
#notice_longue_description #notice--ressourceliee a.btn {
    text-decoration: underline !important;
    color: #999 !important;
    background: transparent;
    margin: 0;
    transition-duration: .2s;
}
#notice--ressourceliee .marge {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
/*************************************************************************************** deja en com */
/*
@media (max-width:992px){
    #notice_longue_description div#ressourceliee .dl-horizontal ul li{
        flex-basis: 350px;
        flex: 1 250px;
    }
}
*/

/*! rebonds - suggestions - en bas de notice longue */
/*
#detail-notice-rebound h2,
#detail-notice-rebound h2 span{
    margin-bottom: 0;
}
*/
/*! parties de concert */

/*
#notice_longue_description .notice-v19.notice-v19-partie > *{
    margin:.25rem;
}
#notice_longue_description .notice-v19.notice-v19-partie #programme-plage{
    padding:1rem;
}
#notice_longue_description .notice-v19.notice-v19-partie #programme-plage h2.category_header span {
    padding: 0;
}
*/
/*! fin : notice longue V19 */










/* *************************************************** */
/* *************************************************** */
/* ************************ TOP BAR ****************** */
/* **************** nav connexe + metanav ************ */
/* *************************************************** */
/* *************************************************** */
.topbar-conteneur{
    width:100%;
    background: #000;
}

/* *************************************************** */
/* ***************** NAV CONNEXE    ****************** */
/* *************************************************** */
#nav_connexe.nav_connexe_pp{
    display: block;
}
#nav_connexe.nav_connexe_pp > *{
    display: inline-block;
    width: auto;
}
#nav_connexe.nav_connexe_pp > .nav_cnx{
    display: inline-block;
    width:auto;
}
#nav_connexe.nav_connexe_pp #identite_utilisateur{
    position: static;
}
@media (min-width:768px){
    #nav_connexe.nav_connexe_pp .hidden-xs{
        display: inline-block!important;
    }
}
#page .nav_cnx .metanav {
}
@supports (display:flex){
    #nav_connexe.nav_connexe_pp{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #nav_connexe.nav_connexe_pp.container::before, #nav_connexe.nav_connexe_pp.container::after {
        display: none;
    }
}
/* *************************************************** */
/* ***************** METANAVIGATION ****************** */
/* *************************************************** */
span.btn-default.btn{
    padding: 6px 12px;
    font-size: 10px;
    text-transform: none;
    transition: none;
}
.metanav-menu span.btn-default.btn{
    background: transparent !important;
    color: #ffd076 !important;
    border: 1px solid #ffd076 !important;
    line-height: 1;
}
.metanav-menu .btn-default.btn:before{
    content:url(/ui/skins/MEDIA/images/icon-extlink-bleupp.png);
    margin-right: .5rem;
}
.metanav-menu .nav-item--pad .btn-default.btn:before{
    content:url(/ui/skins/MEDIA/images/icon-extlink-jaune.png);
    margin-right: .5rem;
}
.metanav-menu .nav-item--mag .btn-default.btn:before{
    content:url(/ui/skins/MEDIA/images/icon-extlink-rose.png);
    margin-right: .5rem;
}
.metanav-menu .sub-nav ul.sub-nav-group--header > a:hover .sub-nav--linkMain .btn-default.btn, .metanav-menu .sub-nav ul.sub-nav-group--header > a:focus .sub-nav--linkMain .btn-default.btn, .metanav-menu .sub-nav ul.sub-nav-group--header > a:focus-within .sub-nav--linkMain .btn-default.btn, .metanav-menu .sub-nav ul.sub-nav-group--header.focus > a:hover .sub-nav--linkMain .btn-default.btn {
    background: #ffd076 !important;
    color: black !important;
}
.metanav-menu .sub-nav ul.sub-nav-group--header > a:hover .sub-nav--linkMain .btn-default.btn:before, .metanav-menu .sub-nav ul.sub-nav-group--header > a:focus .sub-nav--linkMain .btn-default.btn:before, .metanav-menu .sub-nav ul.sub-nav-group--header > a:focus-within .sub-nav--linkMain .btn-default.btn:before, .metanav-menu .sub-nav ul.sub-nav-group--header.focus > a:hover .sub-nav--linkMain .btn-default.btn:before {
    content:url(/ui/skins/MEDIA/images/icon-extlink-noir.png);
    margin-right: .5rem;
}
.metanav-menu span.btn-default.btn.btn-pp{
    background: transparent !important;
    color: #b3d6fd !important;
    border: 1px solid #b3d6fd !important;
}
.metanav-menu .sub-nav ul.sub-nav-group--header > a:hover .sub-nav--linkMain .btn-default.btn.btn-pp, .metanav-menu .sub-nav ul.sub-nav-group--header > a:focus .sub-nav--linkMain .btn-default.btn.btn-pp, .metanav-menu .sub-nav ul.sub-nav-group--header > a:focus-within .sub-nav--linkMain .btn-default.btn.btn-pp, .metanav-menu .sub-nav ul.sub-nav-group--header.focus > a:hover .sub-nav--linkMain .btn-default.btn.btn-pp {
    background: #b3d6fd !important;
    color: black !important;
}
.metanav-menu span.btn-default.btn.btn-edutheque{
    background: transparent !important;
    color: #0095DA !important;
    border: 1px solid #0095DA !important;
}
.metanav-menu .sub-nav ul.sub-nav-group--header > a:hover .sub-nav--linkMain .btn-default.btn.btn-edutheque,
.metanav-menu .sub-nav ul.sub-nav-group--header > a:focus .sub-nav--linkMain .btn-default.btn.btn-edutheque,
.metanav-menu .sub-nav ul.sub-nav-group--header > a:focus-within .sub-nav--linkMain .btn-default.btn.btn-edutheque, .metanav-menu .sub-nav ul.sub-nav-group--header.focus > a:hover .sub-nav--linkMain .btn-default.btn.btn-edutheque {
    background: #0095DA !important;
    color: black !important;
}
.metanav-menu span.btn-default.btn.btn-mag{
    background: transparent !important;
    color: #FFCAB7 !important;
    border: 1px solid #FFCAB7 !important;
}
.metanav-menu .sub-nav ul.sub-nav-group--header > a:hover .sub-nav--linkMain .btn-default.btn.btn-mag,
.metanav-menu .sub-nav ul.sub-nav-group--header > a:focus .sub-nav--linkMain .btn-default.btn.btn-mag,
.metanav-menu .sub-nav ul.sub-nav-group--header > a:focus-within .sub-nav--linkMain .btn-default.btn.btn-mag, .metanav-menu .sub-nav ul.sub-nav-group--header.focus > a:hover .sub-nav--linkMain .btn-default.btn.btn-mag {
    background: #FFCAB7 !important;
    color: black !important;
}
#page .nav_cnx{
    display: block;
    padding: 0!important;
    background: #000!important;
    height:35px!important;
}
@media (max-width: 767px){
    #page .nav_cnx{
/*        display: none;*/
    }
}
#page .nav_cnx + .btn-group{
    margin:0;
    top: 0;
}
#page .nav_cnx > div,
#page .nav_cnx .metanav{
    height:100%;
}
#page .nav_cnx .metanav{
    display: flex;
    position: relative;
    z-index: 9999999;
}
.metanav p,
.metanav span,
.metanav a,
.metanav li{
    color:#fff;
}
.metanav-trigger{
    background:rgba(0, 0, 0, 1);
    border: 0;
}
.metanav-trigger:focus{
    background:rgba(255, 255, 255, 0.3);
}
.metanav-trigger--text{
/*    text-transform: uppercase;*/
    font-size: 13px;
    text-decoration: underline;
}
.metanav-trigger--icon{
    width: 22px;
    height: 22px;
    display: inline-block;
    padding: 0 .45rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .3);
    margin-left: .5rem;
}

#metanav-menu {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #000;
    background: #222;
    max-width: 1100px;
    width: 260px;
    z-index: 99999999;
}
/* mega menu list */
.metanav-menu .nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
    display: flex;
    flex-direction: column;
}

/* a top level navigation item in the mega menu */
.metanav-menu .nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    display: flex;
    border: 1px solid transparent;
}
.metanav-menu .nav-item:first-of-type,
.metanav-menu .nav-item:nth-of-type(5){
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.nav-item:focus,
.nav-item:focus-within,
.nav-item:hover {
/*    border-right: 1px solid #202020;*/
    border:1px solid #333;
}
.metanav-menu .nav-item:first-of-type > a, .metanav-menu .nav-item:nth-of-type(5) > a {
    padding: 2rem;
}
/* first descendant link within a top level navigation item */
.metanav-menu .nav-item > a {
    position: relative;
    display: inline-block;
    padding: 1.5rem 2rem;
    margin: 0;
    border: 1px solid transparent;
    color:#fff;
    font-family: LinotypeBrewery-Regular, sans-serif;
    font-size: .825rem;
    text-transform: uppercase;
    width: 100%;
    
}

/* focus/open states of first descendant link within a top level 
   navigation item */
.metanav-menu .nav-item:hover > a,
.metanav-menu .nav-item:focus-within,
.metanav-menu .nav-item > a:hover,
.metanav-menu .nav-item > a:focus,
.metanav-menu .nav-item > a.focus,
.metanav-menu .nav-item > a.open {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #333;
}
.metanav-menu .nav-item:focus-within > a:after,
.metanav-menu .nav-item:hover > a:after,
.metanav-menu .nav-item > a:focus:after,
.metanav-menu .nav-item > a.focus:after,
.metanav-menu .nav-item > a.open:after {
/*    content:url(images/icon--chevron-droite.png);*/
    display: inline;
    position: absolute;
    right:2rem;
}
.metanav-menu .nav-item:hover > a {
/*    text-decoration: underline!important;*/
}

/* open state of first descendant link within a top level 
   navigation item */
/*
.metanav-menu .nav-item > a.open {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    z-index: 1;
}
*/

/* sub-navigation panel */
.metanav-menu .sub-nav {
    position: absolute;
    display: none;
    top: 0;
    margin-top: 0;
    padding: 0;
    border: 1px solid transparent;
    background-color: #202020;
    background-color: #333;
    left: 260px;
    height: 100%;
    width:340px;
}

/* sub-navigation panel open state */
.metanav-menu .sub-nav.open {
    display: block;
    display: flex;
    flex-direction: column;
/*    justify-content: space-around;*/
}

/* list of items within sub-navigation panel */
.metanav-menu .sub-nav ul {
    display: inline-block;
    vertical-align: top;
    margin:0 0 .5rem;
    padding: 0 1rem 1rem;
}
.metanav-menu .sub-nav ul.sub-nav-group {
    flex:1;
}
.metanav-menu .sub-nav ul.sub-nav-group--header:hover,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus-within,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus {
/*    background: rgba(255,255,255,.2);*/
}
.metanav-menu .sub-nav ul.sub-nav-group--header:hover .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus-within .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus .sub-nav--sous-titre,
.metanav-menu .sub-nav ul.sub-nav-group--header:hover .sub-nav--resume,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus .sub-nav--resume,
.metanav-menu .sub-nav ul.sub-nav-group--header:focus-within .sub-nav--resume,
.metanav-menu .sub-nav ul.sub-nav-group--header.focus .sub-nav--resume {
/*    text-decoration: underline;*/
}
.metanav-menu .sub-nav ul.sub-nav-group--header {
    padding: 1rem;
}
.metanav-menu .sub-nav ul.link-rapide {
/*    flex:1;*/
}
.metanav-menu .nav-item--pad .sub-nav ul.link-rapide > li{
    margin-right: 0;
    max-width: 49%;
    width: 49%;
    display: inline-block;
}
.metanav-menu .sub-nav ul.link-rapide > li{
    margin-bottom: .5rem;
}
.metanav-menu .sub-nav ul.link-rapide > li a{
    font-size: .875rem;
}
.metanav-menu .nav-item--pad .sub-nav ul.link-rapide > li a{
    font-size: .825rem;
}

/* list item within sub-navigation panel */
.metanav-menu .sub-nav a {
    color:#fff;
    margin: 0;
    font-size: .825rem;
    line-height: 1.5;
}
.metanav-menu .sub-nav .sub-nav-group > a {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.metanav-menu .nav-item-rsrcDoc .sub-nav a {
    color:#bbb;
    text-decoration: none!important;
    text-transform: none;
}
/*
.metanav-menu .sub-nav .link-rapide a {
    color:#b3d6fd;
}
.metanav-menu .nav-item--pad .sub-nav .link-rapide a {
    color:#ffd076;
}
.metanav-menu .nav-item--edu .sub-nav .link-rapide a {
    color:#0095DA;
}
*/
.metanav-menu .sub-nav .link-rapide a:hover {
    text-decoration: underline!important;
}
.metanav-menu .sub-nav .link-rapide li::before {
    content: "• ";
    margin-right: .2rem
}
.metanav-menu .sub-nav li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .875rem;
    text-transform: none;
    line-height: 1.5;
    color:#bbb;
}
.metanav-menu .sub-nav li.sub-nav--logo {
    text-transform: none;
    font-size: 1rem;
    font-family: LinotypeBrewery-Regular, sans-serif;
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
    height: 42px;
    box-sizing: border-box;
    display: block;
    justify-content: center;
}

.metanav-menu .sub-nav--logo img {
    max-width: 120px;
}
@supports (display:flex){
    .metanav-menu .sub-nav li.sub-nav--logo {
        text-transform: none;
        font-size: 1rem;
        font-family: LinotypeBrewery-Regular, sans-serif;
        color: #fff;
        text-align: center;
        margin-bottom: 1rem;
        height: 42px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }
}
@supports (object-fit:contain){
    .metanav-menu .sub-nav--logo img {
        object-fit: contain;
    }
}
.metanav-menu .nav-item--edu .sub-nav li.sub-nav--logo {
    display: flex;
    justify-content: space-between;
}
.metanav-menu .nav-item--edu .sub-nav li.sub-nav--logo img{
    max-width: 130px
}
.metanav-menu .nav-item--live img.logo {
/*    max-width: 28px;*/
}
.metanav-menu .sub-nav li.sub-nav--sous-titre {
    text-transform: none;
    font-size: .875rem;
    font-family: LinotypeBrewery-Regular, sans-serif;
    color: #fff;
    margin: .5rem 0;
    text-align: center;
}
.metanav-menu .sub-nav a li.sub-nav--resume,
.metanav-menu .sub-nav li.sub-nav--resume {
    font-size: .875rem;
    text-transform: none;
    text-decoration: none;
    margin: .5rem 0;
}
.metanav-menu .sub-nav li.sub-nav--linkMain {
    color:cornflowerblue;
    margin-top: .5rem;
}
@media (min-width:768px){
/*
    .metanav-menu .sub-nav li.sub-nav--linkMain {
        opacity: 0;
    }
*/
    .metanav-menu .nav-item .sub-nav-group--header > a:hover li.sub-nav--linkMain,
    .metanav-menu .nav-item .sub-nav-group--header > a.hover li.sub-nav--linkMain,
    .metanav-menu .nav-item .sub-nav-group--header > a:focus li.sub-nav--linkMain {
        text-decoration: underline;
    }
}
.metanav-menu .sub-nav span,
.metanav-menu .sub-nav p{
    color:#bbb;
    margin: 0;
    font-size: .825rem;
    line-height: 1.5
}

/* metanav : liens dynamiques (prochain live, etc) */
#page .link-dyna{
    display: flex;
    align-items: center;
}
#page .link-dyna li {
    width: 100%;
}
#page .link-dyna a{
    display: flex;
    text-decoration: none!important;
}
#page .link-dyna > li > p{
    display: flex;
    align-items: center;
/*    justify-content: space-between;*/
}
.link-dyna--img{
    width: 76px;
    height: auto;
    max-height: 80px;
    display: flex;
    flex-shrink: 0;
    border:0;
}
.link-dyna--img img{
    min-width: 100%;
    margin: 0;
    object-fit: cover;
    border:0;
}
.link-dyna--texte {
    padding: .5rem;
    background: #000;
    background: #222;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.link-dyna a:hover .link-dyna--texte,
.link-dyna a:focus .link-dyna--texte {
    background: #313131;
}
.link-dyna--titre {
    text-transform: none;
    font-size: .825rem;
    font-family: LinotypeBrewery-Regular, sans-serif;
}
.metanav-menu .sub-nav .link-dyna--titre {
    color:#fff;
}
.metanav-menu .sub-nav .link-dyna--typeDoc {
    font-size: 11px;
    line-height: 1;
    color:#999;
    text-transform: uppercase;
    margin-bottom: .25rem;
}
.metanav-menu .sub-nav #dyna-pad .link-dyna--typeDoc {
    color:#ffd076;
}
.metanav-menu .sub-nav #dyna-live .link-dyna--typeDoc {
    color: #b3d6fd;
}
.metanav-menu .sub-nav #dyna-live .link-dyna--typeDoc:before {
/*    content:url(images/icon-clock-bleu.png);*/
    margin-right: .5rem;
}
.metanav-menu .sub-nav .link-dyna--date {
/*    text-transform:uppercase;*/
/*    font-size: 12px;*/
    line-height: 1;
    color:#fff;
}
.metanav-menu .sub-nav #dyna-pad .link-dyna--date {
    display: none;
}
.metanav-menu .sub-nav #dyna-live .link-dyna--date {
/*    margin-left:.75rem;*/
}
.metanav-menu .sub-nav .link-dyna--texte .link-dyna--date {
/*    text-transform:none;*/
    font-size: 12px;
    line-height: 1;
    color:#bbb;
}
.metanav-menu .nav-item--mag .sub-nav .link-dyna--texte .link-dyna--date {
    color:#FFCAB7;
}
/* fin : metanav liens dynamiques (prochain live, etc) */
/* Rsrc doc */
.nav-item.nav-item--rsrcDoc h2 {
    font-size: 14px;
    color: #fff;
    text-align: left;
    margin: .5rem 0;
}
.metanav-menu .sub-nav ul.sub-nav-group.nav-item--mdtq {
    padding-right: .5rem;
}
.nav-item.nav-item--rsrcDoc .sub-nav li {
    font-size: .825rem;
    line-height: 1.5;
}

.metanav-menu .sub-nav-group.nav-item--mdtq li {
    display: flex;
}
.metanav-menu .sub-nav-group.nav-item--mdtq figure {
    margin-right: .5rem;
    flex: 1;
}
.metanav-menu .sub-nav-group.nav-item--mdtq figure img{
    width: 100%;
    margin: 0;
}
.metanav-menu .sub-nav-group.nav-item--mdtq p {
    flex: 4;
}
.metanav-menu .nav-item--rsrcDoc .sub-nav a:hover{
    background: rgba(255,255,255,.05);
}
.metanav-menu .nav-item--rsrcDoc a li .link-rsrc{
    color:#b3d6fd;
}
.metanav-menu .nav-item--rsrcDoc a:hover li .link-rsrc{
    text-decoration: underline;
}

.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc{
    flex-direction: column;
}
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc > a{
    padding-bottom: .5rem;
    cursor:default;
}
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul{
    padding: 0 3rem;
}
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li{
    list-style-type: disc;
}
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a{
    padding: .5rem 0;
    display: block;
    opacity:.6;
}
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:hover,
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:focus,
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:focus-within,
.metanav-menu .nav-menu.visible-xs .nav-item--rsrcDoc ul li a:active{
    color:#FFF!important;
    text-decoration: underline!important;
}

/* metanav absolute // topbar fixed */
#page .nav_cnx {
    /* position: absolute; */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}
/* #page .topBarContainer {
    position: absolute;
    top: 35px;
}
#page .topBarContainer.fix {
    position: fixed;
    top: 0;
} */
/* #page .topBarContainer {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
 *//* ecran noir transparent pour fermer la metanav au clic en dehors */
.layer-close-metanav{
    position:absolute;
    top: 0;left: 0;bottom: 0;right: 0;
    background: rgba(0,0,0,.5);
    display: none;
    z-index: 999999;
}


/*! zone hors header. au clic elle referme le header */
#page .layer-close--metanav {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    height: 100vh;
    z-index: 999999;
}

#page .layer-close--metanav.in {
    visibility: visible;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, .0);
    height: 100vh;
}
/*! fin : zone hors header. au clic elle referme le header */



/* Modifs logo éduthèque LES ARCHIVES DE L'OPTION FACULTATIVE */
/* ------------------------------------------------------------------------------ */

div#frame-4025 div#carousel-ID0EABBAA p a{
	display: inline-block;
	width: 86px;
	line-height: 0px;
	margin-bottom: -16px;
	height: auto;
	margin-top: 4px;
	vertical-align: top;
	margin-right: 5px;
	margin-left: 4px;
    }

    div#frame-4025 div#carousel-ID0EABBAA p a:hover{
        text-decoration: none;
    }
    
	/* FIN Modifs logo éduthèque LES ARCHIVES DE L'OPTION FACULTATIVE */
/* ------------------------------------------------------------------------------ */



/* PAGES DECOUVERTE - CECILE D. - AVRIL 2019 */


/*
.pagesDecouverte.page-pad.page-genre-modele #portal #zone-2 {
    background-color: white !important;
}

.pagesDecouverte .select-thema-section.select-thema-section-intro.center {
    padding-top: 50px !important;
}
*/

.page-instruments-PAD.pagesDecouverte .hero h1,
.page-instruments-PAD.pagesDecouverte .encart.intro.center p.col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2{
    text-align: center;
}
#portal .frame.frame-ermes-carousel.pagesDecouverteMosaique {
    margin: 0 auto !important;
    background-color: white !important;
}
body:not(.edutheque.page-2021) #portal .frame.frame-ermes-carousel.pagesDecouverteMosaique {
    max-width: 960px !important;
}
#portal .frame-ermes-carousel.pagesDecouverteMosaique > .panel-front{
    padding: 0;
}



/* Encart rebonds bas de pages */

.pagesDecouverte .rebondsPagesDecouverte {
    padding: 0 0 50px 0;
    text-align: center;
}

.pagesDecouverte .rebondsPagesDecouverte a {
    margin: 10px;

}


/* Filtres ordre alphabétique */

.pagesDecouverte .nav--filtres {
    margin: 0 10px 0 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    background-color: #f3f2ee;
}

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

.pagesDecouverte .nav--filtres .ordreAlpha li {
    color: grey;
    text-decoration: none;
     /* text-transform: uppercase;  */
    padding: 3px 10px;
    height: auto!important;
    width: 100% !important;
    border-top: #d9d9d9 solid 0.5px;
}

.pagesDecouverte .nav--filtres .ordreAlpha li.selected {
    color: black;
    border: #FFD16F solid 2px !important;
}

.pagesDecouverte .nav--filtres .ordreAlpha li:hover {
    color: black;
    cursor: pointer;
}

.pagesDecouverte .nav--filtres .ordreAlpha li:focus, .pagesDecouverte .nav--filtres .ordreAlpha li:active {
    color: black;
    border: #FFD16F solid 2px !important;
}

.pagesDecouverte .nav--filtres #barreFiltres {
    position: absolute;
    left: 540px;;
}

.pagesDecouverte .nav--filtres li:focus, .nav--filtres input:focus, .nav--filtres label:focus {
    border: dotted 1px #1D89DB !important;
}


/* Filtre déroulant */

.pagesDecouverte .filtrerPar {
    position:relative;
}

.pagesDecouverte .filtrerPar label {
    color:grey;
    border: 1px solid #fff;
    display: block;
    position: relative; 
    padding: 5px 35px 5px 25px;
    transition:all 0.3s ease-out;
    cursor: pointer;
    font-weight: normal;
    margin: 0 !important;
}

    /* triangle menu déroulant */
.pagesDecouverte .filtrerPar label:after {
     content: "";
     position: absolute; 
     top: 50%;
     left: 187px;
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-top: 6px solid rgba(0,0,0,0.6);
     border-right: 6px solid transparent;
     margin-left: -3px;
     margin-top: -3px;
}

.pagesDecouverte .filtrerPar label:hover {
    color: black;
}

.pagesDecouverte .filtrerPar input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
}

.pagesDecouverte .filtrerPar ul {
    position: absolute;
    list-style-type: none;
    padding: 5px 0;
    border: 2px solid #FFD16F; 
    display:none;
    background: rgba(255, 255, 255, 0.9);
    left: 10px;
}

.pagesDecouverte .filtrerPar li {
    text-decoration: none;
    color: grey !important;
    display: block;
    padding:5px 15px;
    text-transform: uppercase;
} 

.pagesDecouverte .filtrerPar li:hover {
    color: black !important;
    cursor: pointer;
}

.pagesDecouverte .filtrerPar li.selected {
    color: black !important;
}

.pagesDecouverte .filtrerPar input[type="checkbox"]:checked ~ ul {
    display:block;
    z-index: 1;
    width: 100%;
}

.pagesDecouverte .filtrerPar input[type="checkbox"]:checked ~ label {

}




/* Filtres Mobile */

@media only screen and (max-width: 921px) {

    .pagesDecouverte .nav--filtres {
        flex-direction: column;
        align-items: normal;
    }

    .pagesDecouverte .nav--filtres #barreFiltres {
        display: none;
    }

    .pagesDecouverte .nav--filtres .filtrerPar label {
        padding-left: 5px;
    }

    .pagesDecouverte .nav--filtres .filterPar ul {
        left: 0px;
    }

}




/* Mosaïque */

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


.pagesDecouverte .mosaique ul {
    padding: 0 0 80px 0 !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
}

.pagesDecouverte .mosaique li {
    display: flex;
    margin: 5px;
    /* width: 220px; */
    flex: 1 20%;
    /* flex: 1 auto; */
}

.pagesDecouverte .mosaique img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.pagesDecouverte .mosaique .double {
    flex: 1 40%;
}

.pagesDecouverte .mosaique .prochainementDispo {
    display: none;
}

.pagesDecouverte .mosaique .positionTop img {
    object-position: top;
}

.pagesDecouverte .mosaique .positionBottom img {
    object-position: bottom;
}



@media only screen and (max-width: 767px) {
    .pagesDecouverte .mosaique li {
        flex: 1 30%;
    }

    .pagesDecouverte .mosaique .double {
        flex: 1 60%;
    }
}

@media only screen and (max-width: 421px) {
    .pagesDecouverte .mosaique li {
        flex: 1 50%;
    }

    .pagesDecouverte .mosaique .double {
        flex: 1 50%;
    }
}



/* Survol Vignettes */

.pagesDecouverte .mosaique li {
    position: relative;
    overflow: hidden;
    transition: all .25s;
}

.pagesDecouverte .mosaique a {
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    height: 40px;
    transition: all .25s;
}       
.pagesDecouverte .mosaique a {
    background-color: rgba(255, 255, 255, 0.75);
    height: 48px;
    transition: all .25s;
}       

.pagesDecouverte .mosaique p {
    position: absolute;
    color: white;
    top: 30px;
    transition: all .25s;
    left: 10px;
    margin-right: 10px;
}
.pagesDecouverte .mosaique p {
    color: #666;
    transition: all .25s;
}

.pagesDecouverte .mosaique h3 {
    position: absolute;
    color: white;
    top: 7px;
    transition: all .25s;
    left: 10px;
    margin-top: 0;
    font-family: LinotypeBrewery;
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.2rem;
    font-weight: 100;
    text-align: left;
    line-height: 27px;
}

.pagesDecouverte .mosaique h3 {
    font-size: .875rem;
    font-weight: 700;
    color: #000;
    line-height: 1.5;
}

.pagesDecouverte .mosaique h4 {
    color: white;
    transition: all .25s;
    margin-right: 10px;
    font-family: 'SourceSansPro-Light', 'Source Sans Pro', SourceSansPro-Light, sans-serif;
    font-weight: 600;
    font-size: 13px;
    /* text-transform: uppercase; */
    padding-left: 10px;
    padding-top: 13px;
}
.pagesDecouverte .mosaique ul li a h4 {
    color: #000;
}

.pagesDecouverte .mosaique p.detail {
    color: rgba(255, 255, 255, 0) !important;
    padding-top: 40px;
    transition: all .25s;
    line-height: 20px;
}

.pagesDecouverte .mosaique li:hover p.detail {
    color: rgba(255, 255, 255, 1) !important;
    transition: all .25s;
}
.pagesDecouverte .mosaique p.detail {
    color: rgba(0, 0, 0, 0) !important;
    padding-top: 2rem;
    font-size: .875rem!important;
    line-height: 20px;
}

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

.pagesDecouverte .mosaique li:hover a {
    background-color: rgba(255, 255, 255, 0.94) !important;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    height: 100%;
    transition: all .25s;
}
.pagesDecouverte .mosaique li:hover a {
    background-color: rgba(255, 255, 255, 0.82);
}

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


/* MODIF FILTRES MAJED */
.filtre-choisi{
    display : none;
    border: #ffd076 solid 2px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 6px;
} 
.text-filtrer-par{
    display: inline;
}
.label-filtrer-par{
margin-bottom: 0px;

}

.menu-deroulant-filtres{
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.dropdown-menu{
    left: -0.5px;
}

.pagesDecouverte .nav--filtres{
    padding-top: 14px;
    padding-bottom: 14px;
}

div.filres-left{

    display: inline-flex;
}

div.filres-right{

    display: inline-flex;
}

.label-filtrer-par{
    padding-top: 7px;
    padding-bottom: 5px;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    /* font-weight: 600; */
    margin-right: 12px;
}
.filtrerPar{

    color: #808080 !important;

}

.filres-right div.dropdown.item-a{
    border:#d9d9d9 solid 0.5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    background-color: #fff;
}


.filres-right div.dropdown.item-b{
    border:#d9d9d9 solid 0.5px;
    padding-left: 10px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 0px;
    background-color: #fff;

    }

    .ou{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 10px;
    font-weight: 600;
    margin-bottom: 0px;
}


div.menu-deroulant-filtres{
    border: #d9d9d9 solid 0.5px;
    border-top: none;
    width: 170px;
}


@-moz-document url-prefix() {
    div.menu-deroulant-filtres{
        left: -1px;

    }
}


.dropdown-menu{
    padding-top: 0px;
    padding-bottom: 0px;
}
span.caret{
    opacity: 0.5;
}
span.caret-droit{
    margin-left: 56px;
}
div.largeur-drop-filtres{
    width: 170px;
}
    
    
@media (max-width: 991.98px) { 
        .ou{
            display: none;
        }
    
        div.filres-right{
            margin: 0 auto;
        }
    
        .filres-right div.dropdown {
    
        border: #d9d9d9 solid 0.5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color:#fff;
        }
    
        div.dropdown.largeur-drop-filtres{
    
        margin-right: 5px;
        margin-left: 5px;
        margin-top : 18px;
        }
       
        div.filres-left {
            margin-top: 18px;
            display: inline-flex;
            margin: 0 auto;
        }
    
}
    
    
@media (max-width: 767.98px) { 

    .test-portraits ou{
        display: none;
    }
    .test-portraits section.nav--filtres > div, 
     .test-portraits section.nav--filtres p, 
     .test-portraits section.nav--filtres a, 
     .test-portraits section.nav--filtres li{
        font-size: 12px;
    }
    
    div.largeur-drop-filtres {
    
        width: 157px;
    }
    
    
    span.caret-droit{
            margin-left: 55px;
    }
    
    div.menu-deroulant-filtres {
        width: 157px;
      
    }
    /* } */
    
    
    .dropdown-menu{
    
        min-width: 120px;
    }
    
    
    .pagesDecouverte .nav--filtres ul.ordreAlpha {
       
        line-height: 30px;
    }
    
    
     div.dropdown.largeur-drop-filtres{
        margin-left: 2px;                           
        margin-right: 2px;
     }
    
}
    /* Fin modifications filtres Majed */

@media (min-width: 300px) and (max-width: 2500px) {

   
div.recherche-fiches-pratique div.col-sm-3.col-md-2.col-lg-2.control-label{
    display: none;
}

div.recherche-fiches-pratique button.ermes_clear {
    display: none!important;
}

div.recherche-fiches-pratique form.ermes_form.is-in-webframe.form-horizontal.ermes_form_container.ermes_container{
display: flex!important;
flex-direction: row!important;
justify-content:flex-end!important;
width: 100%!important;
align-items: center!important;
text-align: center;
margin: 0 auto;
}

div.recherche-fiches-pratique div.form-group.indexWrapper.form-idx-any {
    width: 163% !important;
}
div.recherche-fiches-pratique form.ermes_form.is-in-webframe.form-horizontal.ermes_form_container.ermes_container div.form-group.indexWrapper.form-idx-any div.col-sm-9.col-md-10.col-lg-10{
    width: 100% !important;
}


div.recherche-fiches-pratique div.searchForm-5169 form.ermes_form.is-in-webframe.form-horizontal.ermes_form_container.ermes_container input {
  
    border-radius: 0px;
    width: 98%;
    border-color: #000;
}

div.recherche-fiches-pratique div.form-group.pull-right {
    z-index: 999;
}

div.recherche-fiches-pratique div.form-group.pull-right button{
width: 33px;
border: none;
height: 34px;
padding-left: 0px;
padding-right: 0px;
float: right;
background: url(https://pad.philharmoniedeparis.fr/ui/skins/MEDIA/images/icon/pictos-nav/loop.svg) no-repeat scroll center center #b3d6fd ;
}
div.recherche-fiches-pratique div.searchForm-5169 {
    padding-top: 20px;   
}

div.recherche-fiches-pratique input {
    border-radius: 0;
}
div.recherche-fiches-pratique h2#title-5203 {
    margin-bottom: 18px;
}

div.recherche-fiches-pratique input::placeholder {
    color:  #c3c3c3 !important;
  }
  div.recherche-fiches-pratique input::-webkit-input-placeholder {
    color: #c3c3c3  !important;
  }
  div.recherche-fiches-pratique input::-moz-placeholder {
    color:#000 !important;
  }
  div.recherche-fiches-pratique input:-ms-input-placeholder {
    color: #000 !important;
  }

}



/* bordure gris autour du robond sélection de la médiathèque */
body.edutheque .border-grey-rebond {
    border: 1px solid #c1c1c1 !important;
    padding: 16px !important;
}
body.edutheque .border-grey-rebond img {
    width: auto !important;
}
/* FIN - bordure gris autour du robond sélection de la médiathèque */