/**
 * @file
 * Use this CSS file to override components CSS rules
 */

.viewsreference--view-title {
  display: none;
}

/* Buttons */

a.button,
input[type="submit"] {
  border-radius: 3px;
}

p a,
a.use-ajax {
  text-decoration: underline;
}

p a:hover,
p a:focus,
a.use-ajax:hover,
a.use-ajax:focus {
  text-decoration: none;
}

h2.whitetext {
  color: #ffffff !important;
}

/* Fix temporaire billetterie */

/*#block-views-block-concerts-billetterie-block-1 .views-field-field-billetterie-lien .caps a:nth-child(1),
#block-views-block-concerts-billetterie-block-1 .views-field-field-billetterie-lien .caps br {
  display: none;
}

.field--name-field-billetterie-lien a:nth-child(1) {
  padding-bottom: 10px;
  display: inline-block;
}*/

/* Header */

#block-businessplus-branding .logo {
  max-width: 150px;
}

.header-container ul.menu {
  text-align: left;
}

.menu-center {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

ul.sf-menu .sf-sub-indicator::after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  left: 50%;
  top: -3px;
  margin-left: 0px;
  font-size: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  transform: none;
}

.header__section.header-second .region-header {
  display: flex;
  justify-content: flex-end;
}

.header-container ul.menu li a.sf-depth-1, .header-container ul.menu li > span.sf-depth-1 {
    line-height: 1.5;
    font-size: 14px;
    padding: 15px 10px 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Roboto Condensed', Helvetica Neue, Arial, Sans-serif;
    border-width: 1px;
}

.header-container ul.menu li > span.sf-depth-1 {
  padding-right: 15px;
  cursor: pointer;
}

.header-container ul.menu li.active-trail a.sf-depth-1, .header-container ul.menu li.active-trail > span.sf-depth-1 {
  font-weight: 800;
}

.menu.cta-active > li:last-child > a {
  border-radius: 5px;
  margin: 0;
}

/*.region--light-typography .menu.cta-active > li:last-child > a:hover, .region--light-typography .menu.cta-active > li:last-child > a:focus {
  border: none;
  background-color: transparent;
}*/

.menu.cta-active--email > li:last-child > a::before {
  content: "\f3ff";
  font-weight: 600;
}

#block-selecteurdelangue a {
  line-height: 1.5;
  font-size: 14px;
  padding: 0px 10px 0px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Roboto Condensed', Helvetica Neue, Arial, Sans-serif;
  text-decoration: none;
  display: inline-block;
}

#block-businessplus-branding img {
  border-radius: 0;
}

.fixed-header-enabled.onscroll .header__section #block-selecteurdelangue {
    padding-top: 5px;
}

.block-language {
  display: flex;
  align-items: center;
}

.block-language ul {
  margin: 0;
}

.block-language ul li {
  padding: 0 0 5px 5px;
}

.block-language ul li::before {
    content: "";

}


/* Menu Hamburger */

.slideout ul.menu.sf-accordion li.sf-depth-1 > span,
.slideout ul.menu.sf-accordion li.sf-depth-1 > a {
  line-height: 1.5;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Roboto Condensed', Helvetica Neue, Arial, Sans-serif;
  font-weight: 400;
  cursor: pointer;
}

.slideout ul.menu.sf-accordion li.sf-depth-2 > a {
  line-height: 1.5;
  font-size: 14px;
  font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif;
  font-weight: 400;
}

ul.sf-menu.sf-accordion .sf-sub-indicator::after {
  content: "\f107";
}

ul.sf-menu .sf-sub-indicator {
  overflow: visible;
}

.slideout .sf-accordion.sf-style-none.cta-active > li:last-child > a {
    margin: 10px 0 0 0;
}

.slideout__section .block {
    padding-bottom: 10px;
}

.slideout__section  .block-language ul li {
    padding: 12px 0 8px 20px;
}

.slideout__section  .block-language ul li a {
  line-height: 1.5;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Roboto Condensed', Helvetica Neue, Arial, Sans-serif;
  font-weight: 400;
}

.slideout__section  .block-language ul li a:hover {
  text-decoration: none;
}

@media(min-width:1200px) {
  #block-businessplus-mainnavigation-2 {
    display: block;
  }
  #block-selecteurdelangue {
    display: flex;
  }
  button.slideout-toggle {
    display: none !important;
  }
}

@media(max-width:1199px) {
  #block-businessplus-mainnavigation-2 {
    display: none;
  }
  #block-selecteurdelangue {
    display: none;
  }
  button.slideout-toggle {
    display: inline-block;
    background-color: transparent;
  }
  button.slideout-toggle.btn-scrolled {
    background-color: #cecece;
  }
}

/* Breadcrumbs */

ol.breadcrumb__items {
  padding: 13px 0;
}

li.breadcrumb__item {
  padding: 0 0;
}

/* COOKIES */

.cookiesjsr-banner {
  background-color: #777;
  padding: 2em 1em 1em 1em;
}

@media (min-width: 576px) {
  .cookiesjsr-btn {
    min-height: auto;
  }
}

.cookiesjsr-btn {
  align-items: center;
  background-color: transparent;
  border: 2px solid #Fff;
  color: #Fff;
  display: flex;
  font: inherit;
  justify-content: center;
  margin: .625em;
  opacity: 1;
  padding: 1rem 16px;
  border-radius: 0;
  text-decoration: none;
  text-transform: none;
  -webkit-transform: none;
  transform: none;
  transition: all .3s ease;
  white-space: nowrap;
  width: calc(100% - 2.5em);
  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;

}

.cookiesjsr-btn:hover {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  background-color: #Fff;
  color: #777;
}

.cookiesjsr-btn.important {
  background-color: #fff;
  border-color: #777;
  color: #777;
}

.cookiesjsr-btn.important:hover {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

.cookiesjsr-layer--title,
.cookiesjsr-service-group--tab,
.cookiesjsr-layer--label-all {
  color: #777;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background: #777;
}

.cookiesjsr-btn.invert {
    background-color: #fff;
    border-color: #777;
    color: #777;
}

.cookiesjsr-btn.invert:hover {
    background-color: #777;
    border-color: #777;
    color: #fff;
}

.cookiesjsr-btn.important.invert {
    background-color: #777;
    border-color: #777;
    color: #fff;
}

.cookiesjsr-btn.important.invert:hover {
    background-color: transparent;
    border-color: #777;
    color: #777;
}

.cookiesjsr-links li a {
  color: #fff !important;
}

.cookiesjsr-layer--header {
  background-color: #fff;
  background: #fff;
  border-bottom: 1px solid #777;
}

.cookiesjsr-layer--body {
  background: #fff;

}

.cookiesjsr-service-group--tab {
  background: #fff;
  border-bottom: 1px solid #777;
  color: #777;
}

.cookiesjsr-layer--footer {
  background: #fff;
  border-top: 1px solid #777;

}

.cookiesjsr-banner--info,
.cookiesjsr-service-group--intro {
  font-size: 16px;
}


/* Footer */

#block-businessplus-connectwithuslarge ul.icons-list {
  display: flex;
  justify-content: flex-end;
}

/* Accueil */

.path-frontpage .main-content {
    background-image: none;
}

.path-frontpage .main-content__section {
  padding: 0;
}

.path-frontpage .border-right-grey {
  margin: 60px 0;
}

#block-views-block-extraits-videos-block-3 ul,
#block-views-block-albums-block-2 ul {
  list-style: none;
  padding-left: 0;
}

.path-frontpage #block-businessplus-content {
  padding: 0;
  height: 0;
}

@media (min-width:992px){
  #block-views-block-concerts-block-7-2 {
    display: none;
  }
  #block-views-block-concerts-block-7 {
    display: block;
  }
}

@media (max-width:991px){
  #block-views-block-concerts-block-7-2 {
    display: block;
  }
  #block-views-block-concerts-block-7 {
    display: none;
  }
  .path-frontpage .border-right-grey {
    border-right: none;
  }
  #block-businessplus-connectwithuslarge ul.icons-list {
    display: flex;
    justify-content: center;
  }
}

/* Pentaèdre */

@media (min-width:992px){
  #block-photodegroupepentaedre {
    display: none;
  }
  #block-photospentaedre {
    display: block;
  }
}

@media (max-width:991px){
  #block-photodegroupepentaedre {
    display: block;
  }
  #block-photospentaedre {
    display: none;
  }
}

/* Abonnement Cyberimpact */

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

fieldset legend {
  display: none;
}

/* Proposition de programme */

.anchor {
  position: absolute;
  top: -200px;
}

#block-views-block-projets-speciaux-block-1 .attachment .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
}

#block-views-block-projets-speciaux-block-1 .field--name-field-video .field--name-field-lien-de-partage-du-video {
  cursor: pointer;
}

#block-views-block-projets-speciaux-block-1 .field--name-field-video .node--type-video.node--view-mode-teaser {
  margin-bottom: 0;
  padding-bottom: 36px;
}

#block-views-block-projets-speciaux-block-1 .field--name-field-credit-photo {
  font-size: 14px;
}

/* Partenaires */

#block-partenaires .field--name-field-logo,
#block-partenairesprincipaux .field--name-field-logo {
  height: 154px;
  width: 220px;
  max-width: 100%;
  display: flex;
  align-items: center;
  max-height: 70%;
}

#block-partenaires .field--name-field-logo img,
#block-partenairesprincipaux .field--name-field-logo img {
  max-height: 100%;
  width: auto;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
}

/* Concerts */

#block-views-block-concerts-block-1 .content,
#block-views-block-concerts-block-2-2 .content,
#block-views-block-concerts-block-3,
#block-views-block-concerts-block-4,
#block-views-block-concerts-block-5,
#block-views-block-concerts-block-6 {
  border-top: solid 1px #ddd;
}

#block-views-block-concerts-block-1 h3 {
  line-height: 1;
}

.node--type-prestation-publique.node--view-mode-teaser,
.node--type-prestation-publique .node--type-salle.node--view-mode-teaser {
  padding: 0;
  margin-bottom: 0;
  
}

.node--type-prestation-publique .node--type-oeuvre-musicale.node--view-mode-teaser {
  margin-bottom: 0;
  padding-bottom: 0px;
}

.node--type-prestation-publique .paragraph--type--oeuvre-musicale {
  padding-bottom: 15px;
}

.node--type-oeuvre-musicale.node--view-mode-programme .field--name-field-compositeur,
.node--type-oeuvre-musicale.node--view-mode-programme .field--name-field-arrangeur {
  display: inline-block;
}

.node--type-prestation-publique .paragraph--type--oeuvre-musicale .field--name-field-creation,
.node--type-prestation-publique .paragraph--type--oeuvre-musicale .field--name-field-creation-international {
  font-style: italic;
}

.page-node-type-prestation-publique #colorbox {
  left: 50% !important;
  transform: translateX(-50%);
}

.page-node-type-prestation-publique #colorbox,
.page-node-type-prestation-publique #colorbox #cboxWrapper,
.page-node-type-prestation-publique #colorbox #cboxContent,
.page-node-type-prestation-publique #colorbox #cboxLoadedContent {
  max-width: 700px;
}

.page-node-type-prestation-publique #colorbox .node--view-mode-full {
  margin: 36px;
}

.node--type-prestation-publique.node--view-mode-teaser .field--name-field-billetterie-lien button {
  background-color: transparent;
  text-transform: uppercase;
  border: none;
  color: #333;
}

.node--type-prestation-publique.node--view-mode-teaser .field--name-field-billetterie-lien button:hover {
  opacity: 0.6;
  text-decoration: underline;
}

#block-archives .tab-content {
  padding-top: 36px;
}

#block-archives .button.active {
  opacity: 0.6;
}

#block-archives .button {
  border-radius: 3px 3px 0 0;
  font-size: 16px;
  padding: 14px 24px 13px;
}

.node--type-prestation-publique.node--view-mode-full .field--name-field-billetterie-lien button {
  background-color: #777;
  text-transform: uppercase;
  border: #777;
  color: #fff;
  border-radius: 3px;
  padding: 0.57142857em 1.07142857em 0.5em;
  font-size: 14px;
}

.node--type-prestation-publique.node--view-mode-full .field--name-field-billetterie-lien button:hover {
  opacity: 0.6;
}

.node--type-prestation-publique .field--name-field-billetterie-lien p {
  padding-bottom: 0;
}

.node--type-prestation-publique.node--view-mode-full .billets {
  color: #777;
  padding: 12px 0;
  text-transform: uppercase
}

.node--type-prestation-publique .styled_map {
  max-width: 450px;
  width: auto !important;
}

.node--type-prestation-publique .field--name-field-image .image-preview .field__item {
  max-width: 545px;
}

.node--type-prestation-publique .image-listing-item {
    float: left;
    padding: 0;
    margin: 2% 2% 0 0;
    max-width: 23.5%;
}

.node--type-prestation-publique .image-listing-items .image-listing-item:nth-child(5n) {
    margin-right: 2%;
}

.node--type-prestation-publique .image-listing-items .image-listing-item:nth-child(4n) {
    margin-right: 0px;
}


@media(max-width:1199px) {
  .node--type-prestation-publique .field--name-field-image .image-preview .field__item {
    max-width: 455px;
  }
}

@media(max-width:991px) {
  .node--type-prestation-publique .image-listing-item {
    float: left;
    padding: 0;
    margin: 2% 2% 0 0;
    max-width: 32%;
  }
  .node--type-prestation-publique .image-listing-items .image-listing-item:nth-child(4n) {
    margin-right: 2%;
  }
  .node--type-prestation-publique .image-listing-items .image-listing-item:nth-child(3n) {
    margin-right: 0;
  }
}

@media(max-width:767px) {
  .node--type-prestation-publique .field--name-field-image .image-preview .field__item {
    max-width: 100%;
  }
  .node--type-prestation-publique .image-listing-item {
    float: left;
    padding: 0;
    margin: 2% 2% 0 0;
    max-width: 49%;
  }
  .node--type-prestation-publique .image-listing-items .image-listing-item:nth-child(3n) {
    margin-right: 2%;
  }
  .node--type-prestation-publique .image-listing-items .image-listing-item:nth-child(2n) {
    margin-right: 0;
  }
  .page-node-type-prestation-publique #colorbox .node--view-mode-full {
  margin: 18px;
}
}



@media(max-width:767px) {
#block-archives .nav-justified .nav-item {
    flex-basis: 50%;
  }
}

/* Album */

.node--type-album .node--type-oeuvre-musicale.node--view-mode-teaser,
.node--type-album .node--type-extrait-sonore.node--view-mode-teaser {
  padding-bottom: 0;
  margin-bottom: 0;
}

.node--type-album .field--name-field-annee-de-parution,
.node--type-album .field--name-field-etiquette,
.node--type-album .field--name-field-numero-de-catalogue {
  display: inline-block;
}

ul.graphic li a, ul.graphic li a.sm2_link {
  background-color: transparent;
  color:#575757;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.0625em;
  padding-top: 1.0625em;
  border-top: 1px solid #ddd;
  display: block;
}

ul.graphic li a.sm2_link:hover {
  background-color: transparent;
  color: #575757;
  opacity: 1;
}

@media(min-width:768px) and (max-width:991px) {
  .button + .button {
    margin-left: 0px;
}
}

/* Répertoire */

#block-views-block-repertoire-block-1 {
  padding-top: 60px;
}

#block-views-block-repertoire-block-1 .view-oeuvres-par-compositeur .view-content div:last-child {
  border-bottom: none;
}

#block-views-block-repertoire-block-1 .audiofield a {
  display: none;
}

@media (max-width:767px) {
  #block-views-block-repertoire-block-1 .extraits {
    padding-top: 10px;
  }
}

@media (max-width:575px) {
  #block-views-block-repertoire-block-1 .view-oeuvres-par-compositeur .view-content div {
    border-bottom: none;
  }
  #block-views-block-repertoire-block-1 p {
    padding-bottom: 0;
  }
  #block-views-block-repertoire-block-1 h3 {
    font-size: 20px;
  }
  #block-views-block-repertoire-block-1 .view-oeuvres-par-compositeur .padding-bottom-18 {
    padding-bottom: 9px;
  }
  #block-views-block-repertoire-block-1 .view-oeuvres-par-compositeur .padding-top-18 {
    padding-top: 9px;
  }
}

/* Photos */

.page-node-128 .main-content__section, .page-node-128 .sidebar__section {
    padding: 0px 0 60px;
}

/* Revue de presse */

#block-dossierdepresse h2 {
  margin-top: 0;
}

#block-dossierdepresse .content a {
  font-size: 50px;
}

/* Vidéos*/

.page-node-129 .main-content__section {
  padding: 0;
}

/* Billetterie */

.field--name-field-entete {
  display: inline;
}

#block-abonnementbilletterie h3 a,
#block-donsbilletterie h3 a {
  cursor: pointer;
}

#block-abonnementbilletterie,
#block-donsbilletterie,
#block-views-block-concerts-billetterie-block-1 {
  padding-bottom: 12px;
}

#block-views-block-concerts-billetterie-block-1 .views-field-field-billetterie-lien button {
  background-color: #777;
  text-transform: uppercase;
  border: #777;
  color: #fff;
  border-radius: 3px;
  padding: 0.57142857em 1.07142857em 0.5em;
  font-size: 14px;
}

#block-views-block-concerts-billetterie-block-1 .views-field-field-billetterie-lien button:hover {
  opacity: 0.6;
}

.page-node-189 .abonnements,
.node--type-prestation-publique .abonnements {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
}

.page-node-189 .abonnements .abonnement {
  border-radius: 10px;
  padding: 20px 40px;
}

.node--type-prestation-publique .abonnements .abonnement {
  border-radius: 10px;
  padding: 10px 40px;
}

.node--type-prestation-publique .abonnements .abonnement {
  max-width: 32%;
  }

.page-node-189 .abonnements .abonnement:nth-child(1),
.node--type-prestation-publique .abonnements .abonnement:nth-child(1) {
  background-color: #333;
}

.page-node-189 .abonnements .abonnement:nth-child(2),
.node--type-prestation-publique .abonnements .abonnement:nth-child(2) {
  background-color: #666666;
}

.page-node-189 .abonnements .abonnement:nth-child(3),
.node--type-prestation-publique .abonnements .abonnement:nth-child(3) {
  background-color: #a3a3a3;
}

.page-node-189 .abonnements .abonnement h4,
.node--type-prestation-publique .abonnements .abonnement h4 {
  color: #fff;
  margin-top: 10px;
}

.node--type-prestation-publique .field--name-field-annonce-abonnement p {
  text-transform: none;
  font-size: 14px;
}

.page-node-189 .abonnements table tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
  color: #fff;
}

.node--type-prestation-publique .abonnements table tr td {
  padding: 5px 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
  color: #fff;
}

.page-node-189 .abonnements table tr:last-child td,
.node--type-prestation-publique .abonnements table tr:last-child td  {
  border-bottom: none;
}

.page-node-189 .abonnements table tr td:nth-child(1) {
  padding-left: 0;
}

.page-node-189 .abonnements table tr td:nth-child(2) {
  padding-right: 0;
}

.page-node-189 .abonnements table,
.node--type-prestation-publique .abonnements table {
  margin-bottom: 0;
  margin-top: 0;
}

.page-node-189 .abonnements table tr td p {
  padding-bottom: 0;
}

.page-node-189 #block-businessplus-content {
  padding-bottom: 0 !important;
}

@media(max-width:991px) {
.page-node-189 .abonnements .abonnement {
    border-radius: 10px;
    padding: 15px 30px;
  }
  .node--type-prestation-publique .abonnements .abonnement {
    border-radius: 10px;
    padding: 10px 20px;
  }
}

@media(max-width:767px) {
.page-node-189 .abonnements .abonnement {
    border-radius: 10px;
    padding: 10px 20px;
  }
.node--type-prestation-publique .abonnements .abonnement {
    border-radius: 10px;
    padding: 10px 12px;
  }
  .page-node-189 .abonnements table tr td:nth-child(1) {
  padding-right: 5px;
}

.page-node-189 .abonnements table tr td:nth-child(2) {
  padding-left: 5px;
}

}

@media(max-width:575px) {
  .page-node-189 .abonnements .abonnement,
  .node--type-prestation-publique .abonnements .abonnement {
  border-radius: 10px;
  padding: 20px 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}
.page-node-189 .abonnements,
.node--type-prestation-publique .abonnements {
  display: block;
}
}

/*Carnet de contacts*/

.node--type-contact-individu.node--view-mode-full .field--name-field-adresse,
.node--type-contact-individu.node--view-mode-full .field--name-field-telephone-general,
.node--type-contact-individu.node--view-mode-full .field--name-field-courriel {
  display: inline-flex;
}

.node--type-contact-individu.node--view-mode-full .socials svg {
    font-size: 32px;
    padding-right: 5px;
}

.node--type-contact-organisation.node--view-mode-full .field--name-field-adresse,
.node--type-contact-organisation.node--view-mode-full .field--name-field-telephone-general,
.node--type-contact-organisation.node--view-mode-full .field--name-field-courriel {
  display: inline-flex;
}

.node--type-contact-organisation.node--view-mode-full .socials svg {
    font-size: 32px;
    padding-right: 5px;
}

/******* Programmes *******/

#block-businessplus-views-block-programmes-de-concerts-block-1 {
  padding-top: 60px;
}

.views-view-grid > .row {
  justify-content: center;
}

.page-node-type-prestation-publique .paragraph--type--entracte {
  display: none;
}

.field__item.canada-premiere,
.field__item.world-premiere {
  font-style: italic;
}

.page-node-type-programme .paragraph--type--oeuvre-musicale h4 {
  margin: 0;
}

.page-node-type-programme .first-bloc h3 {}

.page-node-type-programme .field--name-field-image-du-programme {
  margin: 60px 0;
  text-align: center
}

.page-node-type-programme .field--name-field-description {
  margin-bottom: 45px;
}

.page-node-type-programme .field--name-field-description p {
  font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.5;
}


.page-node-type-programme .paragraph--type--oeuvre-musicale {
  padding: 30px 15px;
  border-bottom: 1px solid #CECECE;
}

.page-node-type-programme .field__item:nth-child(1) .paragraph--type--oeuvre-musicale {
  border-top: 1px solid #CECECE;
}

.page-node-type-programme .first-grey-block .paragraph--type--oeuvre-musicale,
.page-node-type-programme .grey-block .paragraph--type--oeuvre-musicale {
  border-bottom-color: #333333;
}

.page-node-type-programme .first-grey-block .field__item:nth-child(1) .paragraph--type--oeuvre-musicale,
.page-node-type-programme .grey-block .field__item:nth-child(1) .paragraph--type--oeuvre-musicale {
  border-top-color: #333333;
}

.page-node-type-programme .field--name-field-mouvements {
  padding: 15px 15px 0 15px;
  font-size: 16px;
}



.page-node-type-programme .field__item.canada-premiere,
.page-node-type-programme .field__item.world-premiere {
  font-size:16px;
}

.page-node-type-programme .paragraph--type--entracte {
  padding: 15px 0;
  border-bottom: 1px solid #CECECE;
}

.page-node-type-programme .field--name-field-descriptif {
  color:white;
  padding: 15px;
  background-color: #CECECE;
  text-transform: uppercase;
  font-weight: 700;
}

.page-node-type-programme .field--name-field-programme {
  margin-bottom: 60px;
}

.page-node-type-programme .first-grey-block,
.page-node-type-programme .first-dark-block {
  background-color: #cecece;
  padding-top:40px;
}

.page-node-type-programme .first-dark-block {
  background-color: #333333;
}

.page-node-type-programme .first-grey-block h3,
.page-node-type-programme .first-dark-block h3 {
  margin-bottom: 30px;
}

.page-node-type-programme .field--name-field-mot-de-la-directrice-artis {
  margin-top: 30px;
  padding-bottom:60px;
}

.page-node-type-programme .first-dark-block h3,
.page-node-type-programme .first-dark-block h4,
.page-node-type-programme .first-dark-block p {
  color: white
}

.page-node-type-programme .dark-block {
  color: white;
  background-color: #333333;
  margin-bottom: 60px;
  padding-top:40px;
}

.page-node-type-programme .last-dark-block {
  color: white;
  background-color: #333333;
  padding-top:40px;
  padding-bottom: 60px;
}

.page-node-type-programme .last-dark-block h3,
.page-node-type-programme .last-dark-block h4 {
  color: white;
}

.page-node-type-programme .grey-block {
  background-color: #cecece;
  padding-top:40px;
  padding-bottom: 20px;
}

.page-node-type-programme .dark-block h3,
.page-node-type-programme .dark-block h4 {
  color: white;
}

.page-node-type-programme .field--name-field-liste-des-oeuvres {
  padding-bottom: 35px;
}

.page-node-type-programme .view-compositeurs-par-concerts .views-row,
.page-node-type-programme .view-artistes-par-concerts .views-row,
.page-node-type-programme .field--name-field-liste-des-oeuvres .views-row {
  padding-bottom: 25px;
}

.page-node-type-programme .view-compositeurs-par-concerts,
.page-node-type-programme .view-artistes-par-concerts {
  padding-bottom: 35px;
}

.page-node-type-programme .view-compositeurs-par-concerts .views-row img,
.page-node-type-programme .view-artistes-par-concerts .views-row img {
  margin-top: 20px;
  filter: grayscale(1);
}

.page-node-type-programme .view-compositeurs-par-concerts .views-row h4,
.page-node-type-programme .view-artistes-par-concerts .views-row h4 {
  margin-top: 20px;
}

.page-node-type-programme .field--name-field-commanditaires {
  padding-top: 20px;
}

@media(max-width:991px) {
  .page-node-type-programme .field--name-field-mouvements {
    font-size: 14px;
  }
  .page-node-type-programme .field__item.canada-premiere,
  .page-node-type-programme .field__item.world-premiere {
    font-size:14px;
  }
  .page-node-type-programme .font14 {
    font-size: 12px !important;
  }
}

@media (max-width: 767px) {
  .page-node-type-programme .field--name-field-description p {
    font-size: 24px;
  }
  .page-node-type-programme .dark-block .views-row img,
  .page-node-type-programme .grey-block .views-row img {
    margin-top: 30px;
    filter: grayscale(1);
  }
  }

@media (max-width: 575px) {
  .page-node-type-programme .field--name-field-description p {
    font-size: 20px;
  }
  }
  
  /* Concours Pentaèdre Youkali */
.page-node-444 figcaption {
  font-size: 12px;
}

.page-node-444 h3 {
  margin-bottom: 0;
  margin-top: 16px;
  font-size: 24px;
}