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

/* products views - layout switcher */
#block-minimalplus-productslayoutswithergridactive,
#block-minimalplus-productslayoutswitcherlistactive {
  padding-bottom: 10px;
}

/******* Bug fix MediaElement *******/

.mejs__overlay-button,
.mejs__fullscreen-button {
  display: none;
}

.mejs__inner > .mejs__controls > .mejs__time-rail ~ .mejs__time-rail,
.mejs__inner > .mejs__controls > .mejs__time ~ .mejs__time,
.mejs__inner > .mejs__controls > .mejs__playpause-button ~ .mejs__playpause-button {
  display: none;
}

.mejs__container > .mejs__inner > .mejs__controls:empty {
  display: none;
}

.mejs__container .mejs__container {
  margin-top: 0;
}

/******* Buttons *******/

span.mt-button, a.mt-button, .mt-button > a, button.mt-button, input[type="submit"], input[type="reset"], input[type="button"] {
    font-size: 14px;
    font-weight: 700;
    padding: 14px 32px 14px;
    text-transform: uppercase;
}

.region--light-typography span.mt-button, .region--light-typography a.mt-button, .region--light-typography .mt-button > a, .region--light-typography button.mt-button, .region--light-typography input[type="submit"], .region--light-typography input[type="reset"], .region--light-typography input[type="button"] {
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff;
}

.region--light-typography span.mt-button:hover, .region--light-typography span.mt-button:focus, .region--light-typography a.mt-button:hover, .region--light-typography a.mt-button:focus, .region--light-typography .mt-button > a:hover, .region--light-typography .mt-button > a:focus, .region--light-typography button.mt-button:hover, .region--light-typography button.mt-button:focus, .region--light-typography input[type="submit"]:hover, .region--light-typography input[type="submit"]:focus, .region--light-typography input[type="reset"]:hover, .region--light-typography input[type="reset"]:focus, .region--light-typography input[type="button"]:hover, .region--light-typography input[type="button"]:focus {
    color: #ffffff;
    background: transparent;
    border-color: #ffffff;
}

span.mt-button.style-2, a.mt-button.style-2, .mt-button.style-2 > a, button.mt-button.style-2 {
    border-color: #000000;
    background-color: #000000;
}

span.mt-button.style-2:hover, span.mt-button.style-2:focus, a.mt-button.style-2:hover, a.mt-button.style-2:focus, .mt-button.style-2 > a:hover, .mt-button.style-2 > a:focus, button.mt-button.style-2:hover, button.mt-button.style-2:focus {
    border-color: #000000;
    color: #000000;
    background-color: transparent;
}

@media(max-width:575px) {
  span.mt-button, a.mt-button, .mt-button > a, button.mt-button, input[type="submit"], input[type="reset"], input[type="button"] {
    font-size: 12px;
    font-weight: 700;
    padding: 14px 32px 14px;
    text-transform: uppercase;
}
}

/* Pager */

ul.entity-pager-list li {
  position: fixed;
  font-size: 36px;
  bottom: 5%;
  background: #EE7B30;
  width: 54px;
  border-radius: 50%;
  padding-right: 5px;
  opacity: 0.5;
}

ul.entity-pager-list li:nth-of-type(1) {
  left: 36px;
  padding-right: 5px;
}


ul.entity-pager-list li:nth-of-type(2) {
  right: 36px;
  padding-left: 5px;
}

ul.entity-pager-list li svg {
  color: white;
}

ul.entity-pager-list li:hover,
ul.entity-pager-list li:focus {
  opacity: 1;
}

@media(max-width: 1199px) {
  ul.entity-pager-list li {
    font-size: 32px;
    bottom: 24px;
    width: 48px;
  }
  
  ul.entity-pager-list li:nth-of-type(1) {
    left: 24px;
  }
  
  
  ul.entity-pager-list li:nth-of-type(2) {
    right: 24px;
  }
}

@media(max-width: 991px) {
  ul.entity-pager-list li {
    font-size: 32px;
    bottom: 18px;
    width: 48px;

  }
  
  ul.entity-pager-list li:nth-of-type(1) {
    left: 18px;
  }
  
  
  ul.entity-pager-list li:nth-of-type(2) {
    right: 18px;
  }
}

@media(max-width: 768px) {
  ul.entity-pager-list li {
    font-size: 28px;
    bottom: 12px;
    width: 42px;

  }
  
  ul.entity-pager-list li:nth-of-type(1) {
    left: 12px;
  }
  
  
  ul.entity-pager-list li:nth-of-type(2) {
    right: 12px;
  }
}

@media(max-width: 575px) {
  ul.entity-pager-list li {
    font-size: 24px;
    bottom: 10px;
    width: 36px;

  }
  
  ul.entity-pager-list li:nth-of-type(1) {
    left: 10px;
  }
  
  
  ul.entity-pager-list li:nth-of-type(2) {
    right: 10px;
  }
}

/******* Header *******/

.header-top__container {
    padding: 5px 0;
}

.header__container {
    padding: 5px 0;
    position: relative;
}

.headroom--scroll-down .js-fixed.near-top {
    opacity: 1 !important;
    transition: opacity 0.5s ease-in-out;
}

.region-header-top-first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media(max-width:991px) {
  .header__container {
    padding: 0px 0;
  }
  .path-frontpage .header__container {
    padding: 5px 0;
  }
}

@media(max-width:575px) {
  .header__container {
    padding: 0;
    position: relative;
  }
  .path-frontpage .header__container {
    padding: 0px 0;
  }
}

/* Menu Principal */


.header-top-first ul.menu:not(.sf-accordion) {
    text-align: center;
}

/*#block-mainnavigation-2 ul {
  display: flex;
  justify-content: space-between;
}*/

#block-mainnavigation-2 ul li a,
#block-mainnavigation-4 ul li a,
#block-mainnavigation-2 ul li > span,
#block-mainnavigation-4 ul li > span {
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding: 10px 15px 10px 15px;
}

#block-mainnavigation-2 ul li:hover > a,
#block-mainnavigation-2 ul li:focus > a,
#block-mainnavigation-2 ul li.active-trail > a,
#block-mainnavigation-4 ul li:hover > a,
#block-mainnavigation-4 ul li:focus > a,
#block-mainnavigation-4 ul li.active-trail > a,
#block-mainnavigation-2 ul li.active-trail > span,
#block-mainnavigation-4 ul li.active-trail > span {
  /*color:#000000;*/
  color: #EE7B30;
}

.header-container ul.sf-menu > li.menuparent > span {
  padding-right: 20px !important;
}

.header-container ul.sf-menu > li > span .sf-sub-indicator::after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  left: 50%;
  top: -2px;
  margin-left: -3px;
  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-container .sf-menu.menu ul {
    display: none;
    padding: 0;
    text-align: left;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    margin-top: 0px;
    border: none;
}

.header-container .sf-menu ul li.sfHover > a, .header-container .sf-menu ul li a:hover, .header-container .sf-menu ul li > a.is-active, .header-container .sf-menu ul li.active-trail > a {
    background-color: transparent;
}

/*#block-mainnavigation-2 ul li.sf-depth-1:nth-child(1) a {
  padding: 10px 15px 10px 0px;
}*/

#block-mainnavigation-2 ul li.sf-depth-1:first-child {
  border-bottom: solid 1px white;
  padding-left: 4px;
}

#block-mainnavigation-2 ul li.sf-depth-1:first-child:hover,
#block-mainnavigation-2 ul li.sf-depth-1:first-child:focus,
#block-mainnavigation-2 ul li.sf-depth-1.active-trail:first-child {
  border-bottom: solid 1px #EE7B30;
}

@media(min-width: 992px) and (max-width:1199px) {
  #block-mainnavigation-2 ul li.menuparent > a {
    pointer-events: none;
  }
}

/* Branding */

#block-minimalplus-branding {
  padding-bottom: 0;
}

.site-name a:hover {
  /*color: #000000;*/
  color: #EE7B30;
}

#block-minimalplus-branding .site-name.site-branding__name a {
  font-size: 24px;
  font-weight: 700;
  padding: 10px 0 10px 0;
  display: block;
  line-height: 1;
  width: 195px;
}



@media(max-width:991px) {
  #block-minimalplus-branding .site-name {
    width: 225px;
  }
  .slideout-mobile-menu-enabled .header-top__container {
    padding: 0;
  }
  
}

/* Menu totems */

.header-container ul.menu li a, .header-container ul.menu li > span {
  color: #000000;
}

#block-academiavertical li.menu-item a, #block-minimalplus-menuprincipal ul.menu li a, #block-minimalplus-menuprincipal ul.menu li > span {
  font-family: 'Open Sans', Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}

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

.fixed-header-enabled.onscroll .header__section ul.menu {
    padding-top: 6px;
}

.header-container ul.menu li a, .header-container ul.menu li > span,
#block-menuprincipal ul.menu li a, #block-menuprincipal ul.menu li > span,
#block-minimalplus-menuprincipal-2 ul.menu li a, #block-minimalplus-menuprincipal-2 ul.menu li > span {
  font-size: 14px;
  text-transform: uppercase;
}

.header-container .mt-vertical-menu ul.menu li a, .header-container .mt-vertical-menu ul.menu li > span {
    padding: 13px 10px 13px 35px;
}

#block-menuprincipal ul.menu li a, #block-menuprincipal ul.menu li > span {
    padding: 5px 10px 5px 35px;
}

#block-menuprincipal ul.menu li a, #block-menuprincipal ul.menu li > span {
    margin-left: 35px;
}

.header-container .mt-vertical-menu ul.menu li a:hover,
.header-container .mt-vertical-menu ul.menu li a:focus,
.header-container .mt-vertical-menu ul.menu li.menu-item--active-trail a {
  /*color:#D64B31;*/
  color: #EE7B30;
}

#block-menuprincipal ul.menu li a:hover,
#block-menuprincipal ul.menu li a:focus,
#block-menuprincipal ul.menu li.menu-item--active-trail a {
  color:#000000;
}

.header-container .mt-vertical-menu {
  justify-content: center;
}


.header-container .mt-vertical-menu ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header-container .col-12 .mt-vertical-menu ul.menu > li:first-child {
    padding-left: 4px;
}

.header-container .header__container .col-12 .mt-vertical-menu ul.menu > li:first-child > a, .header-container .col-12  .mt-vertical-menu ul.menu > li:first-child > span {
  padding-left: 40px;
}

.header-container .mt-vertical-menu ul.menu li:nth-child(1) a:before,
#block-menuprincipal ul.menu li:nth-child(1) a:before {
  content: "";
  position: absolute;
  left:0;
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 24px;
  height: 17px;
  filter: brightness(10%);
  background-size: contain;
  background-repeat: no-repeat;
  top: 12px;
}

#block-menuprincipal ul.menu li:nth-child(1) a:before {
  left:40px;
}

.header-container .mt-vertical-menu ul.menu li:nth-child(2) a:before,
#block-menuprincipal ul.menu li:nth-child(2) a:before {
  content: "";
  position: absolute;
  left:5px;
  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 15px;
  height: 25px;
  filter: brightness(10%);
  background-size: contain;
  background-repeat: no-repeat;
  top:7.5px;
}

#block-menuprincipal ul.menu li:nth-child(2) a:before {
  left:40px;
}


.header-container .mt-vertical-menu ul.menu li:nth-child(3) a:before,
#block-menuprincipal ul.menu li:nth-child(3) a:before {
  content: "";
  position: absolute;
  left:0;
  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 24px;
  height: 19px;
  filter: brightness(10%);
  background-size: contain;
  background-repeat: no-repeat;
  top: 10.5px;
}

#block-menuprincipal ul.menu li:nth-child(3) a:before {
  left:40px;
}

.header-container .mt-vertical-menu ul.menu li:nth-child(4) a:before,
#block-menuprincipal ul.menu li:nth-child(4) a:before {
  content: "";
  position: absolute;
  left:0;
  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 25px;
  height: 15px;
  filter: brightness(10%);
  background-size: contain;
  background-repeat: no-repeat;
  top: 12.5px;
}

#block-menuprincipal ul.menu li:nth-child(4) a:before {
  left:40px;
}

.header-container .mt-vertical-menu ul.menu li:nth-child(5) a:before,
#block-menuprincipal ul.menu li:nth-child(5) a:before {
  content: "";
  position: absolute;
  left:0;
  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 23px;
  height: 19px;
  filter: brightness(10%);
  background-size: contain;
  background-repeat: no-repeat;
  top:10.5px;
}

#block-menuprincipal ul.menu li:nth-child(5) a:before {
  left:40px;
}

.header-container .mt-vertical-menu ul.menu li:nth-child(6) a:before,
#block-menuprincipal ul.menu li:nth-child(6) a:before {
  content: "";
  position: absolute;
  left:0;
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 25px;
  height: 15px;
  filter: brightness(10%);
  background-size: contain;
  background-repeat: no-repeat;
  top:12.5px;
}

#block-menuprincipal ul.menu li:nth-child(6) a:before {
  left: 40px;
}

/*@media (min-width: 992px)
.header-container .mt-vertical-menu ul.menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 40px;
    width: fit-content;
}
*/

@media(max-width:1199px) {
  .header-container .mt-vertical-menu ul.menu {
    width:100%
  }
}

@media (max-width:991px) {
  .onscroll .header-container .content > ul.menu {
    padding-top: 0px;
  }
  .header-container .mt-vertical-menu ul.menu > li {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
} 

@media (min-width: 768px) {
.header-container .header__container .col-12 #block-mainnavigation-2 ul.menu > li:first-child > a, .header-container .col-12 #block-mainnavigation-2 ul.menu > li:first-child > span {
    padding-left: 28px;
  }
  .header-container .header__container .col-12 .mt-vertical-menu ul.menu > li:first-child > a, .header-container .col-12 .mt-vertical-menu ul.menu > li:first-child > span {
  padding-left: 40px;
}
  .header-container .mt-vertical-menu ul.menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    width: fit-content;
  }
  .onscroll .header__container .header-first {
    display: block;
}
}

@media (max-width: 992px) {
  .fixed-header-enabled .header.js-fixed {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed, .onscroll.fixed-header-enabled--scroll .header.js-fixed {
    position: relative;
  }
}

/* Language switcher */

.block-language ul {
  margin-bottom: 0;
  padding-top: 0px;
}

#block-selecteurdelangue li {
  text-align: right;
}

#block-selecteurdelangue li a {
  font-style: normal;
  font-weight: 700;
  padding: 10px 15px 10px 15px;
  position: relative;
  text-transform: uppercase;
  display: inline-block;
}

#block-selecteurdelangue-2 li a {
  font-style: normal;
  font-weight: 700;
  padding: 10px 15px 10px 15px;
  position: relative;
  text-transform: uppercase;
}

#block-selecteurdelangue li a:hover,
#block-selecteurdelangue li a:focus,
#block-selecteurdelangue-2 li a:hover,
#block-selecteurdelangue-2 li a:focus {
  /*color: #000000;*/
  color: #EE7B30;
}

#block-selecteurdelangue li a:hover,
#block-selecteurdelangue-2 li a:hover {
  /*color: #D64B31;*/
  text-decoration: none;
}

/*#block-selecteurdelangue li a:hover:before {
    -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}*/

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

.block-language ul li:before {
    content: none;
}


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


/* Menu Hamburger */

.slideout-toggle {
  /*background-color: #000 !important;
  background-color: #D05D11 !important;*/
}

.slideout {
  z-index: 1000;
}

@media (max-width: 767px) {
  .slideout-toggle {
    padding: 23px;
  }
}

.page-container.slideout-panel {
  transform: none !important;
}

.slideout__section .block {
    padding-bottom: 24px;
    padding-top: 24px;
}

.slideout__section #block-mainnavigation-4 {
  padding-top: 0;
}

.region-slideout #block-minimalplus-menuprincipal-2 {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.region-slideout #block-minimalplus-menuprincipal-2 ul.menu li a, .region-slideout #block-minimalplus-menuprincipal-2 ul.menu li > span {
  padding: 10px 15px 10px 15px;
}

.region-slideout #block-minimalplus-menuprincipal-2 ul.menu li a:hover, .region-slideout #block-minimalplus-menuprincipal-2 ul.menu li a:focus, .region-slideout #block-minimalplus-menuprincipal-2 ul.menu li.menu-item--active-trail a {
    color: #D05D11;
}


.region-slideout #block-menuprincipal ul.menu li:nth-child(1) a:before {
  content: "";
  position: absolute;
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 24px;
  height: 17px;
  filter: brightness(200%);
  background-size: contain;
  background-repeat: no-repeat;
  top: 12px;
}

#block-menuprincipal ul.menu li:nth-child(1) a:before {
  left:40px;
}

.region-slideout #block-menuprincipal ul.menu li:nth-child(2) a:before {
  content: "";
  position: absolute;

  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 15px;
  height: 25px;
  filter: brightness(200%);
  background-size: contain;
  background-repeat: no-repeat;
  top:7.5px;
}

#block-menuprincipal ul.menu li:nth-child(2) a:before {
  left:40px;
}

.region-slideout #block-menuprincipal ul.menu li:nth-child(3) a:before {
  content: "";
  position: absolute;

  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 24px;
  height: 19px;
  filter: brightness(200%);
  background-size: contain;
  background-repeat: no-repeat;
  top: 10.5px;
}

#block-menuprincipal ul.menu li:nth-child(3) a:before {
  left:40px;
}

.region-slideout #block-menuprincipal ul.menu li:nth-child(4) a:before {
  content: "";
  position: absolute;

  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 25px;
  height: 15px;
  filter: brightness(200%);
  background-size: contain;
  background-repeat: no-repeat;
  top: 12.5px;
}

#block-menuprincipal ul.menu li:nth-child(4) a:before {
  left:40px;
}

.region-slideout #block-menuprincipal ul.menu li:nth-child(5) a:before {
  content: "";
  position: absolute;

  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 23px;
  height: 19px;
  filter: brightness(200%);
  background-size: contain;
  background-repeat: no-repeat;
  top:10.5px;
}

#block-menuprincipal ul.menu li:nth-child(5) a:before {
  left:40px;
}

.region-slideout #block-menuprincipal ul.menu li:nth-child(6) a:before {
  content: "";
  position: absolute;

  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 25px;
  height: 15px;
  filter: brightness(200%);
  background-size: contain;
  background-repeat: no-repeat;
  top:12.5px;
}

#block-mainnavigation-4 li.sf-depth-2 > a,
#block-minimalplus-menuprincipal-2 li.sf-depth-2 > a {
  font-weight: 300 !important;
  text-transform: none !important;
}

.slideout ul.sf-accordion li span.menuparent::after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  border-left-width: 0;
  top: 0;
  left: auto;
  right: 10px;
  text-align: right;
  font-size: 12px;
  height: 100%;
  transform: none;
  line-height: 50px;
}

.slideout ul.sf-accordion li.sf-expanded > span.menuparent::after {
  content: "\f068";
}

.slideout ul.sf-accordion li.sf-expanded > span.menuparent .sf-sub-indicator::after,
ul.sf-menu.sf-accordion .sf-sub-indicator::after {
  content: none;
}

#block-minimalplus-menuprincipal-2 li.menu-item a, #block-minimalplus-menuprincipal-2 ul.menu li a, #block-minimalplus-menuprincipal-2 ul.menu li > span {
  font-family: 'Open Sans', Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
}

/* Breadcrumbs */

.breadcrumb__item {
  font-weight: 700;
  color: #000000;
}


/******* Footer *******/

.subfooter-top__container {
    padding: 60px 0;
}

#block-facebookfooter svg {
  max-width: 31.5px;
}

#block-facebookfooter p a {
  padding: 0 9px;
}

@media(max-width:767px) {
  #block-coordonneesfooter,
  #block-facebookfooter {
    padding-top: 30px;
  }
  #block-coordonneesfooter .text-align-right {
    text-align: center;
  }
}

/******* Accueil *******/

#block-banniereaccueil .background-image-block__section {
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}

#block-banniereaccueil .background-image.background-image--attachment-scroll,
#block-banniereaccueil .background-image.background-image--attachment-fixed {
    background-size: 100%;
    background-position: right top;
    border: solid white;
    border-width: 5px 15px 15px;
    background-color: black;
}

#block-banniereaccueil .background-image-overlay {
  border: solid white;
  border-width: 5px 15px 15px;
  background-image: url(/sites/default/files/2021-05/overlay-bl.png);
  opacity: 1 !important;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
}

#block-banniereaccueil h1 {
  font-size: 62px;
  line-height: 1.15;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

#block-banniereaccueil h1 a {
  color: white;
}

#block-banniereaccueil img {
  max-height: 300px;
  width: auto;
}

#block-banniereaccueil .flex-center-vert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}

@media(min-width:1700px) {
  #block-banniereaccueil .background-image-block__section {
    height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media(min-width:2000px) {
  #block-banniereaccueil .background-image-block__section {
    height: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #block-banniereaccueil .background-image.background-image--attachment-scroll,
  #block-banniereaccueil .background-image.background-image--attachment-fixed {
    background-size: 75%;
    background-position: right top;
    border: solid white;
    border-width: 5px 15px 15px;
    background-color: black;
  }
}

@media(max-width:1199px) {
   #block-banniereaccueil .background-image.background-image--attachment-scroll,
   #block-banniereaccueil .background-image.background-image--attachment-fixed {
    background-size: 105%;
    background-position: right top;
    border: solid white;
    border-width: 5px 15px 15px;
    background-color: black;
  }
  #block-banniereaccueil .background-image-block__section {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #block-banniereaccueil h1 {
  font-size: 56px;
}
}

@media(max-width:991px) {
   #block-banniereaccueil .background-image.background-image--attachment-scroll,
   #block-banniereaccueil .background-image.background-image--attachment-fixed {
    background-size: 115%;
    background-position: right top;
    border: solid white;
    border-width: 5px 15px 15px;
    background-color: black;
  }
  #block-banniereaccueil .background-image-block__section {
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
#block-banniereaccueil h1 {
  font-size: 48px;
  line-height: 1.15;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
}

@media(max-width:767px) {
  #block-banniereaccueil h1,
  #block-banniereaccueil p {
    padding-left: 24px;
  }
   #block-banniereaccueil .background-image.background-image--attachment-scroll,
   #block-banniereaccueil .background-image.background-image--attachment-fixed {
    background-size: 140%;
    background-position-x: 75% !important;
    border: solid white;
    border-width: 5px 15px 15px;
    background-color: black;
  }
}

@media(max-width:575px) {
  #block-banniereaccueil .background-image-overlay {
    background-image: none;
    background-color: rgb(0, 0, 0, 0.25);
    opacity: 1 !important;
    border: none;
  }
  #block-banniereaccueil .background-image.background-image--attachment-scroll,
   #block-banniereaccueil .background-image.background-image--attachment-fixed {
    background-image: url("/sites/default/files/2021-08/bg-intrumentarium-squashed.jpg") !important;
    background-size: cover;
    border: none;
    background-color: black;
  }
  #block-banniereaccueil .background-image-block__section {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #block-banniereaccueil h1,
  #block-banniereaccueil p {
    padding-left: 0px;
  }
  #block-banniereaccueil h1 {
  font-size: 42px;
  line-height: 1.15;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
}

/* Introduction */

.page-node-144 #block-minimalplus-content .content img {
  padding: 0 0 18px 24px;
}

@media(max-width:991px) {
  .page-node-144 #block-minimalplus-content .content img {
    width: 300px;
  }
}

@media(max-width:767px) {
  .page-node-144 #block-minimalplus-content .content img {
    width: 250px;
  }
}

@media(max-width:575px) {
  .page-node-144 #block-minimalplus-content .content img {
    display: none;
  }
}

/* Block instrumentarium */

.path-frontpage .content-bottom-highlighted__section {
    padding: 0;
}

#block-imageinstrumentarium .background-image.background-image--attachment-fixed {
  
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;

}

#block-imageinstrumentarium h2 {
  padding-left: 0;
}


#block-imageinstrumentarium h2:before {
  content: none;
}

.page-node-144 #myVid-container {
  position: relative;
  height: 350px;
  margin-left: -3rem;
  margin-right: -3rem;
  overflow: hidden;
  
}

.page-node-144 #myVid-container.banner-first {
  background-image: url("/sites/default/files/Totem_Electrique_Serie.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container.banner-second {
  background-image: url("/sites/default/files/Totem_Dance_Serie-3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container.banner-third {
  background-image: url("/sites/default/files/Totem_Installation_Serie.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container.banner-fourth {
  background-image: url("/sites/default/files/Totem_Hors-Series.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container.banner-fifth {
  background-image: url("/sites/default/files/Totem_Jeunesse_Serie.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container.banner-sixth {
  background-image: url("/sites/default/files/Totem_Danse-comp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container.banner-seventh {
  background-image: url("/sites/default/files/Totem_Jeunesse-comp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-144 #myVid-container > span {
  position: absolute;
  color: white;
  right: 36px;
  top: 36px;
  z-index: 7;
  font-size: 20px;
  cursor: pointer;
}

.page-node-144 #myVid-container > span:nth-of-type(2) {
  display: none;
}

.page-node-144 #myVid-container > .row > .col-12 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.page-node-144 #myVid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.page-node-144 #myVid iframe {
  
  overflow: hidden;
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}


@media(min-width:2000px) {
  .page-node-144 #myVid-container {
    height: 340px;
  
  }
}

@media(max-width: 1199px) {
  .page-node-144 #myVid-container {
    margin-left: -15px;
    margin-right: -15px;

}
}

@media(max-width:1199px) {
  #block-imageinstrumentarium .background-image.background-image--attachment-fixed {
  
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;

}
}

@media(max-width:767px) {
  .page-node-144 #myVid-container > span {
    display: none !important;
  }
  .page-node-144 #myVid-container {
    position: relative;
    height: 300px;
    overflow: hidden;
  
  }
  .page-node-144 #myVid-container p {
    padding-bottom: 0;
  }
  .page-node-144 #myVid-container h2 {
    margin-top: 0;
  }
  .page-node-144 #myVid-container.banner-first {
  background-image: url("/sites/default/files/Totem_Électrique1-min.jpg");
}

.page-node-144 #myVid-container.banner-third {
  background-image: url("/sites/default/files/Totem_Installation-min.jpg");

}

.page-node-144 #myVid-container.banner-sixth {
  background-image: url("/sites/default/files/Totem_Danse-min.jpg");
}

.page-node-144 #myVid-container.banner-seventh {
  background-image: url("/sites/default/files/Totem_Jeunesse-min.jpg");

}
}

@media(max-width:575px) {
  .page-node-144 #myVid-container {
    position: relative;
    height: 275px;
    overflow: hidden;
  
  }
}

#block-views-block-bannieres-instrumentarium-block-1 h2 {
  padding-left: 0px;
}

#block-views-block-bannieres-instrumentarium-block-1 h2 a {
  color: white;
}

#block-views-block-bannieres-instrumentarium-block-1 h2:before {
  content: none;
}

/* Événements à venir */

.path-frontpage .featured-top__section {
    padding: 40px 0 40px;
}

#block-views-block-evenements-block-2 .view-footer {
  margin-top: 62px;
  text-align: center;
}

/******* Instruments *******/

/* Vue d'ensemble */

.page-node-type-landing-page #block-minimalplus-content .field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.page-node-type-landing-page #block-minimalplus-content .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


#block-views-block-instruments-block-1 .view-content .node--type-instrument.node--view-mode-teaser {
  height: 100%;
}

#block-views-block-instruments-block-1 .view-content .node--type-instrument.node--view-mode-teaser .border-bottom-y {
  height: 100%;
}

.node--type-instrument.node--view-mode-teaser .field--name-node-title {
  min-height: 56px;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
}

.node--type-instrument.node--view-mode-teaser .field--name-node-title h3 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px 5px;
  margin-bottom: -48px;*/
  position: relative;
  padding-left: 40px;
  margin:0;
  line-height: 1;
}

/*.node--type-instrument.node--view-mode-teaser .field--name-node-title h3 a {
  color: white;
}*/

.node--type-instrument.node--view-mode-teaser .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 28px;
  height: 20px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;*/
  top:6px;
  left: 0;
  /*right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
}

.node--type-instrument.node--view-mode-teaser .cont-photo-cred {
  position: relative;
}

.node--type-instrument.node--view-mode-teaser .field-credit {
  font-size: 14px;
  color: white;
  background-color: rgba(51, 51, 51, 0.7);
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.node--type-instrument.node--view-mode-teaser .field-credit p {
  padding-bottom: 0;
}

.node--type-instrument.node--view-mode-teaser .field--name-field-photo {
  padding-bottom: 12px;
}

@media(max-width:1199px) {
 
}

@media(max-width:991px) {
  
}

@media(max-width:767px) {

}

@media(max-width:575px) {
  #block-titrealtinstruments img {
    display: none;
  }
  .node--type-instrument.node--view-mode-teaser .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 28px;
  height: 20px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;*/
  top:4px;
  left: 0;
  /*right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
}
}

/* Page d'un instrument */

.field--name-field-vi-medias .field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.field--name-field-vi-medias .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.page-node-type-instrument .field--name-node-title {
  text-align: right;
}

.page-node-type-instrument .field--name-node-title h2 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px 5px;
  margin-bottom: -64px;
  position: relative;
  z-index: 1;*/
  margin-top: 0;
  display: inline;
  padding-left: 58px;
}

.page-node-type-instrument .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 46px;
  height: 32px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 18px;
  left: 0px;
  filter: brightness(10%);
}

.page-node-type-instrument .field--name-field-lien-banque-de-sons {
  text-align: right;
}

.page-node-type-instrument .field--name-field-image {
  padding-top: 36px;
  border-top: solid 2px #000000;
  margin-top: 12px;
}

.page-node-type-instrument .field--name-field-image img {
  border: solid 1px black;
}

@media(max-width:767px) {
  .page-node-type-instrument .field--name-node-title {
  text-align: left;
}

.page-node-type-instrument .field--name-node-title h2 {
  margin-top: 0;
  display: block;
  padding-left: 58px;
  padding-bottom: 24px;
}

.page-node-type-instrument .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 46px;
  height: 32px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  left: 0px;
  filter: brightness(10%);
}
}

@media(max-width:575px) {
  .page-node-type-instrument .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instrument_gris.png");
  width: 46px;
  height: 32px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: 0px;
  filter: brightness(10%);
}
}

/******* Totems *******/

/* Bannières des Totem */


.page-node-273 .banner,
.page-node-274 .banner,
.page-node-279 .banner,
.page-node-278 .banner,
.page-node-285 .banner,
.page-node-286 .banner,
.page-node-350 .banner,
.page-node-363 .banner,
.page-node-367 .banner,
.page-node-3051 .banner {
    padding: 5px 0 30px;
}

.page-node-2229 .banner {
    padding: 0px 0 30px;
}

.page-node-273 #myVid-container,
.page-node-274 #myVid-container,
.page-node-278 #myVid-container,
.page-node-279 #myVid-container,
.page-node-285 #myVid-container,
.page-node-286 #myVid-container,
.page-node-350 #myVid-container,
.page-node-363 #myVid-container,
.page-node-367 #myVid-container,
.page-node-2229 #myVid-container,
.page-node-3051 #myVid-container {
  position: relative;
  height: 300px;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-node-273 #myVid-container {
  background-image: url("/sites/default/files/Totem_Instrument.jpg");
}

.page-node-274 #myVid-container {
  background-image: url("/sites/default/files/Totem_Electrique_Serie.jpg");
}

.page-node-278 #myVid-container {
  background-image: url("/sites/default/files/Totem_Jeunesse-comp.jpg");
  background-position: top 61% center;
} 

.page-node-279 #myVid-container {
  background-image: url("/sites/default/files/Totem_Danse-comp.jpg");
  background-position: top 14% center;
}

.page-node-285 #myVid-container {
  background-image: url("/sites/default/files/Totem_Installation_Serie.jpg");
} 

.page-node-286 #myVid-container {
  background-image: url("/sites/default/files/Totem_Hors-Serie-comp.jpg");
} 

.page-node-350 #myVid-container {
  background-image: url("/sites/default/files/A_Propos-comp.jpg");
  background-position: bottom 10% center;
}

.page-node-363 #myVid-container {
  background-image: url("/sites/default/files/Totem_Jeunesse_Serie.jpg");
  background-position: top 14% center;
} 

.page-node-367 #myVid-container {
  background-image: url("/sites/default/files/Banniere_Nouvelles-comp.jpg");
  background-position: bottom 10% center;
}

.page-node-2229 #myVid-container {
  background-image: url("/sites/default/files/SubTu-Yo.jpg");
  background-position: bottom 10% center;
}

.page-node-3051 #myVid-container {
  background-image: url("/sites/default/files/bg-banniere-impro-2-opt.jpg");
  background-position: center center;
}


.page-node-144 #content-bottom-highlighted.region--default-background {
    background-color: transparent;
}

.page-node-273 #myVid-container > span,
.page-node-274 #myVid-container > span,
.page-node-278 #myVid-container > span,
.page-node-279 #myVid-container > span,
.page-node-285 #myVid-container > span,
.page-node-286 #myVid-container > span,
.page-node-350 #myVid-container > span,
.page-node-363 #myVid-container > span,
.page-node-367 #myVid-container > span,
.page-node-2229 #myVid-container > span,
.page-node-3051 #myVid-container > span  {
  position: absolute;
  color: white;
  right: 36px;
  top: 36px;
  z-index: 7;
  font-size: 20px;
  cursor: pointer;
}

.page-node-273 #myVid-container > span:nth-of-type(2),
.page-node-274 #myVid-container > span:nth-of-type(2),
.page-node-278 #myVid-container > span:nth-of-type(2),
.page-node-279 #myVid-container > span:nth-of-type(2),
.page-node-285 #myVid-container > span:nth-of-type(2),
.page-node-286 #myVid-container > span:nth-of-type(2),
.page-node-350 #myVid-container > span:nth-of-type(2),
.page-node-363 #myVid-container > span:nth-of-type(2),
.page-node-367 #myVid-container > span:nth-of-type(2).
.page-node-2229 #myVid-container > span:nth-of-type(2),
.page-node-3051 #myVid-container > span:nth-of-type(2) {
  display: none;
}


.page-node-273 #myVid,
.page-node-274 #myVid,
.page-node-278 #myVid,
.page-node-279 #myVid,
.page-node-285 #myVid,
.page-node-286 #myVid,
.page-node-350 #myVid,
.page-node-363 #myVid,
.page-node-367 #myVid
.page-node-2229 #myVid,
.page-node-3051 #myVid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.page-node-273 #myVid iframe,
.page-node-274 #myVid iframe,
.page-node-278 #myVid iframe,
.page-node-279 #myVid iframe,
.page-node-285 #myVid iframe,
.page-node-286 #myVid iframe,
.page-node-350 #myVid iframe,
.page-node-363 #myVid iframe,
.page-node-367 #myVid iframe,
.page-node-2229 #myVid iframe,
.page-node-3051 #myVid iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.page-node-279 #myVid iframe,
.page-node-363 #myVid iframe {
  top: 85%;
}

.page-node-278 #myVid iframe {
  top: 30%;

}

.page-node-350 #myVid iframe,
.page-node-367 #myVid iframe {
  top: 10%;

}



#block-blockbanniere {
  margin-left: -15px;
  margin-right: -15px;
}

.page-node-273 h1,
.page-node-274 h1,
.page-node-278 h1,
.page-node-279 h1,
.page-node-285 h1,
.page-node-286 h1,
.page-node-350 h1,
.page-node-363 h1,
.page-node-367 h1,
.page-node-2229 h1,
.page-node-3051 h1 {
  color: white;
  padding-top: 70px;
  padding-bottom: 80px;
}



@media(min-width: 2000px) {
  .page-node-273 #myVid-container,
  .page-node-274 #myVid-container,
  .page-node-278 #myVid-container,
  .page-node-279 #myVid-container,
  .page-node-285 #myVid-container,
  .page-node-286 #myVid-container,
  .page-node-350 #myVid-container,
  .page-node-363 #myVid-container,
  .page-node-367 #myVid-container,
  .page-node-2229 #myVid-container,
  .page-node-3051 #myVid-container {
    position: relative;
    height: 400px;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .page-node-278 #myVid-container,
  .page-node-279 #myVid-container {
    background-position: top 13% center;
  }
  .page-node-278 #myVid iframe,
  .page-node-279 #myVid iframe {
    top: 90%;

  }
}

@media(max-width:991px) {
  .page-node-273 .banner,
  .page-node-274 .banner,
  .page-node-279 .banner,
  .page-node-278 .banner,
  .page-node-285 .banner,
  .page-node-286 .banner,
  .page-node-350 .banner,
  .page-node-363 .banner,
  .page-node-367 .banner,
  .page-node-2229 .banner,
  .page-node-3051 .banner {
    padding: 0px 0 30px;
  }
    .page-node-273 #myVid-container {
  background-image: url("/sites/default/files/Totem_Instrument-min.jpg");
}

.page-node-274 #myVid-container {
  background-image: url("/sites/default/files/Totem_Électrique1-min.jpg");
}

.page-node-278 #myVid-container {
  background-image: url("/sites/default/files/Totem_Jeunesse-min.jpg");
  background-position: top 61% center;
} 

.page-node-279 #myVid-container {
  background-image: url("/sites/default/files/Totem_Danse-min.jpg");
  background-position: top 14% center;
}

.page-node-285 #myVid-container {
  background-image: url("/sites/default/files/Totem_Installation-min.jpg");
} 

.page-node-286 #myVid-container {
  background-image: url("/sites/default/files/Totem_Hors-Series-min.jpg");
} 
.page-node-273 #myVid-container > span,
.page-node-274 #myVid-container > span,
.page-node-278 #myVid-container > span,
.page-node-279 #myVid-container > span,
.page-node-285 #myVid-container > span,
.page-node-286 #myVid-container > span,
.page-node-350 #myVid-container > span,
.page-node-363 #myVid-container > span,
.page-node-367 #myVid-container > span,
.page-node-2229 #myVid-container > span,
.page-node-3051 #myVid-container > span {
  display: none !important;
}

}

@media(max-width:767px) {
  .page-node-273 #myVid-container,
  .page-node-274 #myVid-container,
  .page-node-278 #myVid-container,
  .page-node-279 #myVid-container,
  .page-node-285 #myVid-container,
  .page-node-286 #myVid-container,
  .page-node-350 #myVid-container,
  .page-node-363 #myVid-container,
  .page-node-367 #myVid-container,
  .page-node-3051 #myVid-container {

    height: 275px;

  }

  .page-node-273 #myVid-container {
  background-image: url("/sites/default/files/Totem_Instrument-min.jpg");
}

.page-node-274 #myVid-container {
  background-image: url("/sites/default/files/Totem_Électrique1-min.jpg");
}

.page-node-278 #myVid-container {
  background-image: url("/sites/default/files/Totem_Jeunesse-min.jpg");
  background-position: top 61% center;
} 

.page-node-279 #myVid-container {
  background-image: url("/sites/default/files/Totem_Danse-min.jpg");
  background-position: top 14% center;
}

.page-node-285 #myVid-container {
  background-image: url("/sites/default/files/Totem_Installation-min.jpg");
} 

.page-node-286 #myVid-container {
  background-image: url("/sites/default/files/Totem_Hors-Series-min.jpg");
} 
.page-node-273 #myVid-container > span,
.page-node-274 #myVid-container > span,
.page-node-278 #myVid-container > span,
.page-node-279 #myVid-container > span,
.page-node-285 #myVid-container > span,
.page-node-286 #myVid-container > span,
.page-node-350 #myVid-container > span,
.page-node-363 #myVid-container > span,
.page-node-367 #myVid-container > span,
.page-node-2229 #myVid-container > span,
.page-node-3051 #myVid-container > span {
  display: none;
}
}


/* Page d'un totem */

.node--type-landing-page.node--view-mode-full .one-liner {
  position: relative;
  padding-top: 10px;
  display: inline-block;
  padding-left: 36px;
  padding-right: 36px;
}

.node--type-landing-page.node--view-mode-full .one-liner:before {
  content: "\f45c";
  font-family: "Font Awesome 5 Free";
  top: 50%;
  left: 0;
  position: absolute;
  font-size: 12px;
  font-weight: 900;
  transform: translateY(-50%);
}

.node--type-landing-page.node--view-mode-full .one-liner:after {
  content: "\f45c";
  font-family: "Font Awesome 5 Free";
  top: 50%;
  right: 0;
  position: absolute;
  font-size: 12px;
  font-weight: 900;
  transform: translateY(-50%);
}


.block-content--type-banniere-page .group-fl h1 {
  color: #000000;
  padding: 0;
  font-size: 115px;
  margin: 0;
  margin-left: 15px;
}

#banner {
  position: relative;
}


.block-content--type-banniere-page .group-fl {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 411px;
} 

.block-content--type-banniere-page .group-fl img {
  margin-bottom: 15px;
  margin-right: 15px;
}

.node--type-landing-page.node--view-mode-full.row {
  justify-content: center;
}

#block-views-block-totems-block-1 .view-content .node--type-projet.node--view-mode-teaser,
#block-views-block-totems-block-2 .view-content .node--type-projet.node--view-mode-teaser,
#block-views-block-totems-block-3 .view-content .node--type-projet.node--view-mode-teaser,
#block-views-block-totems-block-4 .view-content .node--type-projet.node--view-mode-mt-teaser-tile,
#block-views-block-totems-block-5 .view-content .node--type-projet.node--view-mode-teaser,
#block-views-block-totems-block-15 .view-content .node--type-projet.node--view-mode-teaser
 {
  height: 100%;
}

#block-views-block-totems-block-1 .view-content .node--type-projet.node--view-mode-teaser .border-bottom-y,
#block-views-block-totems-block-2 .view-content .node--type-projet.node--view-mode-teaser .border-bottom-y,
#block-views-block-totems-block-3 .view-content .node--type-projet.node--view-mode-teaser .border-bottom-y,
#block-views-block-totems-block-4 .view-content .node--type-projet.node--view-mode-mt-teaser-tile .border-bottom-y,
#block-views-block-totems-block-5 .view-content .node--type-projet.node--view-mode-teaser .border-bottom-y,
#block-views-block-totems-block-15 .view-content .node--type-projet.node--view-mode-teaser .border-bottom-y {
  height: 100%;
  position: relative;
}

.node--type-projet.node--view-mode-teaser .field--name-node-title,
.node--type-projet.node--view-mode-mt-teaser-tile .field--name-node-title {
  min-height: 56px;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
}

.node--type-projet.node--view-mode-mt-teaser-tile .title-box {
  display: flex;
  align-items: flex-end;
}

.node--type-projet.node--view-mode-mt-teaser-tile .title-box .year-float {
  margin-bottom: 9px;
  margin-left: 6px;

}

.node--type-projet.node--view-mode-teaser .field--name-node-title h3,
.node--type-projet.node--view-mode-mt-teaser-tile .field--name-node-title h3 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px 5px;*/
  /*margin-bottom: -48px;*/
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;*/
  position: relative;
  padding-left: 40px;
  margin: 0;
  line-height: 1;
}

/*.node--type-projet.node--view-mode-teaser .field--name-node-title h3 a {
  color: white;
}*/

.node--type-projet.node--view-mode-teaser .Électrique .field--name-node-title h3,
.node--type-projet.node--view-mode-teaser .Electric .field--name-node-title h3 {
  padding-left: 42px;
}

.node--type-projet.node--view-mode-teaser .Électrique .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Electric .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 30px;
  height: 24px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 2px;
  left: 0;
}

.node--type-projet.node--view-mode-teaser .Jeunesse .field--name-node-title h3,
.node--type-projet.node--view-mode-teaser .Youth .field--name-node-title h3 {
  padding-left: 42px;
}

.node--type-projet.node--view-mode-teaser .Jeunesse .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Youth .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 30px;
  height: 25px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 2px;
  left: 0;
}


.node--type-projet.node--view-mode-teaser .Danse .field--name-node-title h3,
.node--type-projet.node--view-mode-teaser .Dance .field--name-node-title h3 {
  padding-left: 28px;
}

.node--type-projet.node--view-mode-teaser .Danse .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Dance .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 16px;
  height: 27px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 2px;
  left: 0;
}

.node--type-projet.node--view-mode-mt-teaser-tile .Installation .field--name-node-title h3 {
  padding-left: 48px;
}



.node--type-projet.node--view-mode-mt-teaser-tile .Installation .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 36px;
  height: 22px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 4px;
  left: 0;
}

.node--type-projet.node--view-mode-teaser .Impro .field--name-node-title h3 {
  padding-left: 0;
}

.node--type-projet.node--view-mode-teaser .Hors .field--name-node-title h3,
.node--type-projet.node--view-mode-teaser .Off .field--name-node-title h3 {
  padding-left: 48px;
}

.node--type-projet.node--view-mode-teaser .Hors .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Off .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 36px;
  height: 22px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 5px;
  left: 0;
}

.node--type-projet.node--view-mode-teaser .Techno .field--name-node-title h3,
.node--type-projet.node--view-mode-teaser .Techno .field--name-node-title h3 {
  padding-left: 42px;
}

.node--type-projet.node--view-mode-teaser .Techno .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Techno .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_techno_gris.png");
  width: 30px;
  height: 24px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 5px;
  left: 0;
}

.node--type-projet.node--view-mode-teaser .field--name-field-photo {
  padding-bottom: 12px;
}

@media(max-width:575px) {
  .node--type-projet.node--view-mode-teaser .Danse .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Dance .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 16px;
  height: 27px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 0px;
  left: 0;
}
.node--type-projet.node--view-mode-teaser .Électrique .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Electric .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 30px;
  height: 24px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: -1px;
  left: 0;
}
.node--type-projet.node--view-mode-teaser .Hors .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Off .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 36px;
  height: 22px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 1px;
  left: 0;
}
.node--type-projet.node--view-mode-mt-teaser-tile .Installation .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 36px;
  height: 22px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: 1px;
  left: 0;
}
.node--type-projet.node--view-mode-teaser .Jeunesse .field--name-node-title h3:before,
.node--type-projet.node--view-mode-teaser .Youth .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 30px;
  height: 25px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top: -1px;
  left: 0;
  }
  .node--type-projet.node--view-mode-teaser .Électrique .field--name-node-title h3:before,
  .node--type-projet.node--view-mode-teaser .Electric .field--name-node-title h3:before {
    content: "";
    background-image: url("/sites/default/files/pictos/picto_techno_gris.png");
    width: 30px;
    height: 24px;
    background-size:contain;
    background-repeat: no-repeat;
    position: absolute;
    /*bottom: 5px;
    right: 12px;*/
    filter: brightness(10%);
    /*opacity: 0.2;*/
    top: -1px;
    left: 0;
}
}

/* Page d'un projet */

.page-node-type-projet .field--name-node-title {
  position: relative;
  text-align: right;
}

.page-node-type-projet .field--name-node-title h2 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 70px 7px 5px;
  /*margin-bottom: -64px;
  position: relative;*/
  /*z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;*/
  margin-top: 0;
  display: inline;
}

/*.page-node-type-projet .field--name-node-title h2:before {
  content: none;
}*/

.page-node-type-projet .field--name-dynamic-copy-fieldnode-titre-copie- h2,
.page-node-type-projet .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-bottom: 24px;
}

.page-node-type-projet .Électrique .field--name-node-title h2,
.page-node-type-projet .Electric .field--name-node-title h2,
.page-node-type-projet .Électrique .field--name-dynamic-copy-fieldnode-titre-copie- h2,
.page-node-type-projet .Electric .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-left: 56px;
}

.page-node-type-projet .Électrique .field--name-node-title h2:before,
.page-node-type-projet .Electric .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 44px;
  height: 35px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 17px;
}

.page-node-type-projet .Électrique .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Electric .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 44px;
  height: 35px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 10px;
}

.page-node-type-projet .Techno .field--name-node-title h2,
.page-node-type-projet .Techno .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-left: 56px;
}

.page-node-type-projet .Techno .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_techno_gris.png");
  width: 44px;
  height: 35px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 17px;
}

.page-node-type-projet .Techno .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_techno_gris.png");
  width: 44px;
  height: 35px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 10px;
}


.page-node-type-projet .Jeunesse .field--name-node-title h2,
.page-node-type-projet .Youth .field--name-node-title h2,
.page-node-type-projet .Jeunesse .field--name-dynamic-copy-fieldnode-titre-copie- h2,
.page-node-type-projet .Youth .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-left: 55px;
}

.page-node-type-projet .Jeunesse .field--name-node-title h2:before,
.page-node-type-projet .Youth .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 43px;
  height: 36px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 15px;
}

.page-node-type-projet .Jeunesse .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Youth .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 43px;
  height: 36px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 8px;
}

.page-node-type-projet .Danse .field--name-node-title h2,
.page-node-type-projet .Dance .field--name-node-title h2,
.page-node-type-projet .Danse .field--name-dynamic-copy-fieldnode-titre-copie- h2,
.page-node-type-projet .Dance .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-left: 36px;
}



.page-node-type-projet .Danse .field--name-node-title h2:before,
.page-node-type-projet .Dance .field--name-node-title h2:before  {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 24px;
  height: 40px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 16px;
}

.page-node-type-projet .Danse .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Dance .field--name-dynamic-copy-fieldnode-titre-copie- h2:before  {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 24px;
  height: 40px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 8px;
}

.page-node-type-projet .Installation .field--name-node-title h2,
.page-node-type-projet .Installation .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-left: 58px;
}

.page-node-type-projet .Installation .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 21px;
}

.page-node-type-projet .Installation .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 15px;
}


.page-node-type-projet .Off .field--name-node-title h2,
.page-node-type-projet .Hors .field--name-node-title h2,
.page-node-type-projet .Off .field--name-dynamic-copy-fieldnode-titre-copie- h2,
.page-node-type-projet .Hors .field--name-dynamic-copy-fieldnode-titre-copie- h2 {
  padding-left: 58px;
}

.page-node-type-projet .Off .field--name-node-title h2:before,
.page-node-type-projet .Hors .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 22px
}

.page-node-type-projet .Off .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Hors .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 15px
}

.page-node-type-projet .node--view-mode-full .field {
    margin-bottom: 0px;
}

.page-node-type-projet .text-tech {
  text-align: right;
  margin-top: 36px;
}

.page-node-type-projet .text-tech time.datetime {
  /*background-color: #000000;
  color: #ffffff;
  padding: 0 5px;*/
  font-size: 18px;
  padding: 0;
}

.page-node-type-projet .text-tech .field--name-field-compositeur-s- a,
.page-node-type-projet .text-tech .field--name-field-interpretes span,
.page-node-type-projet .text-tech .field--name-field-interpretes2 a,
.page-node-type-projet .text-tech .field--name-field-instruments a,
.page-node-type-projet .text-tech .field--name-field-idee-originale a {
  font-weight: bold;
}

.page-node-type-projet .field--name-field-image {
  padding-top: 36px;
  border-top: solid 1px #D64B31;
  margin-top: 12px;
}

.field--name-field-image .image-preview .field__item {
  max-width: 545px;
}

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

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

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

.page-node-type-projet .field--name-field-image img,
.page-node-type-article .field--name-field-image img {
  border: solid 1px black;
}


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

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

@media(max-width:767px) {
  .field--name-field-image .image-preview .field__item {
    max-width: 100%;
  }
  .image-listing-item {
    float: left;
    padding: 0;
    margin: 2% 2% 0 0;
    max-width: 49%;
  }
  .image-listing-items .image-listing-item:nth-child(3n) {
    margin-right: 2%;
  }
  .image-listing-items .image-listing-item:nth-child(2n) {
    margin-right: 0;
  }
}

@media(max-width:575px) {
  .page-node-type-projet .Off .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
  .page-node-type-projet .Hors .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 11px
}
.page-node-type-projet .Danse .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Dance .field--name-dynamic-copy-fieldnode-titre-copie- h2:before  {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_dance_gris.png");
  width: 24px;
  height: 40px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 5px;
}
.page-node-type-projet .Électrique .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Electric .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_elec_gris.png");
  width: 44px;
  height: 35px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 5px;
}
.page-node-type-projet .Installation .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_instal_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 11px;
}
.page-node-type-projet .Jeunesse .field--name-dynamic-copy-fieldnode-titre-copie- h2:before,
.page-node-type-projet .Youth .field--name-dynamic-copy-fieldnode-titre-copie- h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_youth_gris.png");
  width: 43px;
  height: 36px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 20px;*/
  filter: brightness(10%);
  top: 4px;
}
}

/* Projets en collaboration */

.node--type-projets-en-collaboration.node--view-mode-teaser .field--name-node-title {
  position: relative;
}

.node--type-projets-en-collaboration.node--view-mode-teaser .field--name-node-title h3 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px;
  /*margin-bottom: -48px;*/
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;*/
  margin-top: 0;
  margin-left: 48px;
}

/*.node--type-projets-en-collaboration.node--view-mode-teaser .field--name-node-title h3 a {
  color: white;
}*/

.node--type-projets-en-collaboration.node--view-mode-teaser .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 36px;
  height: 22px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  /*bottom: 5px;
  right: 12px;*/
  filter: brightness(10%);
  /*opacity: 0.2;*/
  top:6px;
  left: 0;
}

@media(max-width:575px) {
  .node--type-projets-en-collaboration.node--view-mode-teaser .field--name-node-title h3:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 36px;
  height: 22px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  filter: brightness(10%);
  top:4px;
  left: 0;
}
}

/* page d'une collab */

.node--type-projets-en-collaboration.node--view-mode-full .field--name-node-title {
  position: relative;
}

.node--type-projets-en-collaboration.node--view-mode-full .field--name-node-title h2 {
  /*color: white;
  background-color: rgba(51, 51, 51, 1);
  padding: 5px 0 7px;
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;*/
  padding-left: 60px;
}

.node--type-projets-en-collaboration.node--view-mode-full .field--name-node-title h2:before {
  content: "";
  background-image: url("/sites/default/files/pictos/picto_off_gris.png");
  width: 46px;
  height: 28px;
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5px;
  right: 20px;
  filter: brightness(10%);
}

.node--type-projets-en-collaboration.node--view-mode-full .field--name-field-photo {
  text-align: center;
}

/* Compositeurs */

.page-node-type-fiche-individuelle .field--name-node-title {
  position: relative;
}

.page-node-type-fiche-individuelle .field--name-node-title  h2 {
  display: inline-block;
  margin-top: 0;
  }
  
  .page-node-type-fiche-individuelle .field--name-dynamic-copy-fieldnode-titre-copie- {
    display: none;
}

/*.page-node-type-fiche-individuelle .field--name-node-title h2 {
  color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px 5px;
  /*margin-bottom: -64px;
  position: relative;*/
  /*z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
}*/

.page-node-type-fiche-individuelle .text-tech {
  text-align: right;
  /*margin-top: 70px;*/
}

.page-node-type-fiche-individuelle .text-tech p {
  padding-bottom: 0;
}

@media(max-width:991px) {
  .page-node-type-fiche-individuelle .text-tech {
    text-align: left;
    margin-top: 30px;
  }
  .page-node-type-fiche-individuelle .field--name-node-title  h2 {
    display: none;
  }
  .page-node-type-fiche-individuelle .field--name-dynamic-copy-fieldnode-titre-copie- {
    display: block;
  }
}

/******* À propos *******/

#block-nospartenaires .field--name-field-logos .field__item {
  max-width: 225px;
}

#block-nospartenaires .field--name-field-logos .field__item img {
  max-height: 135px;
  width: auto;
}

/******* Dates *******/

#block-views-block-evenements-block-1 .view-content .node--type-evenement.node--view-mode-teaser,
#block-views-block-evenements-block-2 .view-content .node--type-evenement.node--view-mode-teaser {
  height: 100%;
}

#block-views-block-evenements-block-1 .view-content .node--type-evenement.node--view-mode-teaser .border-bottom-y,
#block-views-block-evenements-block-2 .view-content .node--type-evenement.node--view-mode-teaser .border-bottom-y {
  height: 100%;
  position: relative;
}

#block-views-block-evenements-block-2 h3 {
  margin-top: 0;
  padding-bottom: 24px;
}

#block-views-block-evenements-block-2 svg {
  font-size: 24px;
}

/*.node--type-evenement.node--view-mode-teaser .field--name-node-title h3 {
  color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px;
  margin-bottom: -45px;
  position: relative;
  padding-left: 5px;
}*/

#block-views-block-evenements-block-2 .pos-rel {
  position: relative;
}

#block-views-block-evenements-block-2 .buttons-2 svg {
  font-size: 14px;
  margin-right: 10px;
}

#block-views-block-evenements-block-2 .cont-buttons-2 {
  height: 46px;
}

#block-views-block-evenements-block-2 .buttons-2 {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}

#block-views-block-evenements-block-2 .date-even {
  padding-bottom: 15px;
  margin-top: -1px;
}

#block-views-block-evenements-block-2 .date-even time {
  background-color: #000;
  color: #fff;
  padding: 0 5px;
  display: inline;
}

.node--type-evenement.node--view-mode-teaser .field--name-node-link {
  padding: 15px 0;
}

.node--type-evenement.node--view-mode-teaser .field--name-node-link a {
  position: absolute;
  bottom: 15px;
  right: 0;
}

.node--type-evenement.node--view-mode-teaser .field--name-node-title h3 a {
  color: #D64B31;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-title {
  position: relative;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-title h3 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;*/
  margin-top: 0;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-field-date-de-la-representation {
  margin-bottom: 10px;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-field-date-de-la-representation .datetime {
  font-weight: bold;
  color: #fff;
  background-color: #000;
  padding: 0 5px;
}

/*.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-title h3 a {
  color: white;
  padding-left: 5px;
}*/

details {
  border: none;
}

details > .details-wrapper {
    padding: 24px 0 0;
}

.node--type-evenement.node--view-mode-mt-featured-teaser summary {
  font-size: 20px;
  font-weight: 700;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .node--type-salle {
  padding-bottom: 15px;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .node--type-salle p.address {
  padding-bottom: 0;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-link {
  display: block;
  height: 58px;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-link a {
  position: absolute;
  bottom: 0;
  right: 15px;
}

.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-dynamic-copy-fieldnode-en-savoir-plus {
  display: none;
}
    
#block-views-block-saisons-passees-block-1-2 .view-content span.current a,
#block-views-block-saisons-passees-block-1 .view-content span.current a {
  font-weight: 700;
}

@media(min-width:768px) {
  .node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-link {
    display: block;
  }
  .node--type-evenement.node--view-mode-mt-featured-teaser .field--name-dynamic-copy-fieldnode-en-savoir-plus {
    display: none;
  }
}

@media(max-width: 991px) {
  #block-views-block-saisons-passees-block-1-2 .view-content,
  #block-views-block-saisons-passees-block-1 .view-content {
    column-count: 3;
  }
}

@media(max-width:767px) {
  /*#block-views-block-evenements-block-1 .view-content > .padding-top-30 {
    padding-top: 0;
  }*/
  /*#block-views-block-evenements-block-1 .view-content > .border-top-y-2 {
    border-top: none;
  }*/
  /*.node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-link {
    display: none;
  }
  .node--type-evenement.node--view-mode-mt-featured-teaser .field--name-dynamic-copy-fieldnode-en-savoir-plus {
    display: block;
  }*/
  .node--type-evenement.node--view-mode-mt-featured-teaser .field--name-node-title h3 {
    margin-top: 10px;
    padding-bottom: 12px;
  }
  #block-views-block-evenements-block-2 .buttons-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-wrap: wrap;
  }
}

@media(max-width: 575px) {
  #block-views-block-saisons-passees-block-1-2 .view-content,
  #block-views-block-saisons-passees-block-1 .view-content {
    column-count: 2;
  }
}

/* Page d'un événement */

.page-node-type-evenement h2 {
  position: relative;
  margin-top: 0;
}

.page-node-type-evenement .field--name-dynamic-copy-fieldnode-titre-copie- {
  display: none;
}

.page-node-type-evenement .field--name-node-title h2 {
  /*color: white;
  background-color: rgba(51, 51, 51, 0.7);
  padding: 5px 0 7px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  padding-left: 5px;*/
  margin-top: 0;
}

.page-node-type-evenement .node--view-mode-full .field--name-field-credit-photo.field {
  margin-bottom: 0
}

.page-node-type-evenement .node--view-mode-full .field--name-field-credit-photo.field h5 {
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
}

.field--name-field-representations.field__items > div.field__item,
.field--name-field-representations.field__items > div > div > .field__item,
.page-node-type-evenement .field--name-field-representations > .field__items > .field__item  {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: .5px solid #000000;
}

.field--name-field-representations .paragraph--type--tarif span {
  font-weight: 500;
}

.page-node-type-evenement .field--name-field-representations > h5 {
  display: none;
}

.field--name-field-representations a.tog {
  color: black !important;
  padding-right: 30px;
  position: relative;
}

.field--name-field-representations a.tog:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: rotate(90deg);
  transition: transform 0.25s ease-in-out;
  transform-origin: center;
  position: absolute;
  right: 10px;
  top: 0;
  display: inline-block;
}

.field--name-field-representations a.tog.collapsed:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: rotate(0deg);
  transition: transform 0.25s ease-in-out;
  transform-origin: center;
  position: absolute;
  right: 10px;
  top: 0;
  display: inline-block;
}

.field--name-field-representations h3.field-label-above,
.field--name-field-representations h4.field-label-above,
.page-node-type-evenement .text-rep h3 {
  margin-bottom: 30px;
  /*margin-top: 0;*/
}

.page-node-type-evenement .node--view-mode-full .field.field--name-field-titre-de-l-oeuvre {
  margin-bottom: 20px;
}

.page-node-type-evenement .node--view-mode-full svg {
  font-size: 24px;
}

.page-node-type-evenement .node--view-mode-full .buttons-2,
.node--type-evenement.node--view-mode-mt-featured-teaser .buttons-2 {
  display: flex;
  justify-content: flex-end;
}

.page-node-type-evenement .node--type-oeuvre-musicale .field--name-field-annee-de-composition,
.page-node-type-evenement .node--type-oeuvre-musicale .field--name-field-compositeur,
.page-node-type-evenement .node--type-oeuvre-musicale .field--name-field-compositeur .field__item,
.page-node-type-evenement .node--type-oeuvre-musicale .field--name-field-compositeur.clearfix:after,
.page-node-type-evenement .node--type-oeuvre-musicale .field--name-field-notes-commande,
.page-node-type-evenement .node--type-projet .field--name-field-compositeur-s-,
.page-node-type-evenement .node--type-projet .field--name-field-compositeur-s- .field__item,
.page-node-type-evenement .node--type-projet .field--name-field-notes-commande,
.page-node-type-evenement .node--type-projet .field--name-field-compositeur-s-.clearfix:after {
  display: inline;
}

.page-node-type-evenement .node--type-oeuvre-musicale .field--name-field-compositeur,
.page-node-type-evenement .node--type-projet .field--name-field-compositeur-s- .field__item {
  font-weight: bold;
}

.page-node-type-evenement .field--name-field-date-de-la-representation {
  margin-bottom: 10px;
}

.page-node-type-evenement .field--name-field-date-de-la-representation .datetime {
  font-weight: bold;
  color: #fff;
  background-color: #000;
  padding: 0 5px;
}

.page-node-type-evenement .field--type-address .address {
  font-size: 14px;
  padding-bottom: 5px;
}

.page-node-type-evenement .field--name-field-telephone {
  font-size: 14px;
  padding-bottom: 15px;
}

.node--view-mode-full .field.field--name-field-visuel,
.page-node-type-evenement .node--view-mode-full .field.field--name-field-description-even {
  margin-bottom: 0;
}

.page-node-type-evenement .node--view-mode-full .field p:last-child {
    padding-bottom: 15px;
}

@media(max-width:991px) {
  .field--name-field-representations h3.field-label-above,
  .field--name-field-representations h4.field-label-above {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .page-node-type-evenement .field--name-node-title {
    display: none;
  }
 .page-node-type-evenement .field--name-dynamic-copy-fieldnode-titre-copie- {
   display: block;
  }
}

/*Saisons passées */

.node--type-evenement.node--view-mode-mt-teaser-tile .paragraph--type--representation,
.node--type-evenement.node--view-mode-mt-teaser-tile .paragraph--type--representation .field--name-field-date-de-la-representation {
  /*display: inline;*/
  font-weight: 700;
}


.node--type-evenement.node--view-mode-mt-teaser-tile svg {
  font-size: 24px;
  margin-right: 12px;
  margin-top: 12px;
}


.node--type-evenement.node--view-mode-mt-teaser-tile .field--name-field-representations,
.node--type-evenement.node--view-mode-mt-teaser-tile .paragraph--type--representation .field--name-field-date-de-la-representation {
  font-weight: 700;
}

.node--type-evenement.node--view-mode-mt-teaser-tile .field--name-field-representations,
.node--type-evenement.node--view-mode-mt-teaser-tile svg {
  display: inline-table;
}

.node--type-evenement.node--view-mode-mt-teaser-tile .in-bl .paragraph--type--representation {
  display: inline-block;
}

.node--type-evenement.node--view-mode-mt-teaser-tile .field--name-node-link {
  display: block;
  height: 60px;
}

.node--type-evenement.node--view-mode-mt-teaser-tile .field--name-node-link a {
  position: absolute;
  bottom: 0;
  right: 15px;
}

/******* Nouvelles *******/

/* Bloc pour l'accueil */

#block-views-block-articles-block-2 h2.title {
  margin-bottom: 30px;
}

.node--type-article.node--view-mode-mt-teaser-tile .border-bottom-y {
  height: 100%;
  padding-bottom: 18px;
}

.node--type-article.node--view-mode-teaser .field--name-node-title,
.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-title {
  /*margin-left: -40px;
  margin-top: -40px;
  text-align: left;
  padding-left: 25px;*/
  padding-bottom: 5px;
}

.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-title {
  min-height: 66px;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0;
}

.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-title h3 {
  margin: 0;
}

.node--type-article.node--view-mode-teaser .field--name-node-title h3 a:hover,
.node--type-article.node--view-mode-teaser .field--name-node-title h3 a:focus,
.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-title h3 a:hover,
.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-title h3 a:focus {
  color: #7E412B;
}

.node--type-article.node--view-mode-teaser .field--name-node-title h3,
.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-title h3 {
  /*color: white;
  background-color: rgba(214, 75, 49, 0.9);
  padding: 5px 0 7px 5px;;
  z-index: 1;
  width: 100%;
  margin-bottom: -25px;*/
  position: relative;
}

.node--type-article.node--view-mode-teaser .date-pub,
.node--type-article.node--view-mode-mt-teaser-tile .date-pub {
  /*font-weight: bold;
  margin-top: 25px;*/
  margin-bottom: 15px;
  
}

.node--type-article.node--view-mode-teaser .date-pub p,
.node--type-article.node--view-mode-mt-teaser-tile .date-pub p {
  display: inline;
  /*background-color: #000;
  color: #fff;
  padding: 0 5px;*/
  padding:0;
  font-size: 14px;
}

.node--type-article.node--view-mode-teaser .field--name-field-etiquettes {
  padding-bottom: 15px;
}

.node--type-article.node--view-mode-teaser .field--name-field-etiquettes .field__label {
  margin: 0;
}

.node--type-article.node--view-mode-teaser .field--name-field-etiquettes .field__item a {
  line-height: 1.2;
}

.field--entity-reference-target-type-taxonomy-term.field--label-inline .field__item {
    margin: 0;
}


.field--entity-reference-target-type-taxonomy-term::before, .field--entity-reference-target-type-taxonomy-term.field__item::before,
.field--label-above.field--entity-reference-target-type-taxonomy-term .field__label::before {
  content: none;
}

/*.node--type-article .field--entity-reference-target-type-taxonomy-term .field__item {
  display: block;
  margin: 0;
  line-height: 1.2;
}*/

.node--type-article.node--view-mode-teaser .field--name-node-link,
.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-link  {
  /*padding:0px 0 15px;
  text-align: right;*/
  height: 46px;
}

.node--type-article.node--view-mode-teaser .field--name-node-link a,
.node--type-article.node--view-mode-mt-teaser-tile .field--name-node-link a {
  position: absolute;
  right: 15px;
  bottom: 18px;
}

#block-views-block-articles-block-2 .node--type-article.node--view-mode-teaser,
#block-views-block-articles-block-2 .node--type-article.node--view-mode-teaser > .bs-region--main,
#block-views-block-articles-block-2 .node--type-article.node--view-mode-mt-teaser-tile {
  height: 100%;
}

/*#block-views-block-articles-block-2 .row > .padding-bottom-30:after {
  content: "";
  height: 1px;
  left: 15px;
  right: 15px;
  background-color: #D64B31;
  position: absolute;
  bottom: 30px;;
}*/


@media(max-width:575px) {
  .node--type-article.node--view-mode-teaser .field--name-node-title h3 {
    color: white;
    background-color: rgba(214, 75, 49, 1);
    margin-bottom: 0px;
  }
  .node--type-article.node--view-mode-teaser .bs-region--right {
    text-align: left;
  }
  .node--type-article.node--view-mode-teaser .date-pub {
    margin-top: 0;
  }
  .node--type-article.node--view-mode-teaser .field--name-node-title {
    padding-left: 0;
  }
}

.node ul.inline li a {
  margin: 0;
}

#block-views-block-articles-block-2 .view-footer {
    margin-top: 12px;
    text-align: center;
}

/* Page Nouvelles */

.node--type-article.node--view-mode-mt-featured-teaser .field--name-node-title {
  padding-left: 35px;
}

.node--type-article.node--view-mode-mt-featured-teaser .field--name-node-title h3 a {
  color: #ffffff;
}

.node--type-article.node--view-mode-mt-featured-teaser .field--name-node-title h3 {
  color: white;
  background-color: rgba(214, 75, 49, 0.9);
  padding: 5px 0 7px 5px;
  margin-bottom: -25px;
  z-index: 1;
  width: 100%;
  position: relative;
}

/*.node--type-article.node--view-mode-mt-featured-teaser .text-teaser {
  margin-top: 40px;
}*/

.node--type-article.node--view-mode-mt-featured-teaser .date-pub {
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 15px;
  text-align: right;
}

.node--type-article.node--view-mode-mt-featured-teaser .date-pub p {
  display: inline;
  background-color: #000;
  color: #fff;
  padding: 0 5px;
}

.node--type-article.node--view-mode-mt-featured-teaser .field--name-field-resume {
  text-align: left;
  padding-top: 24px;
}

/* Page d'une nouvelle */

.node--type-article.node--view-mode-full {
  justify-content: center;
}

.page-node-type-article .text-tech {
  text-align: right;
  margin-top: 30px;
}

.page-node-type-article .date-pub {
  font-weight: bold;
  margin-bottom: 15px;
  text-align: right;
}

.page-node-type-article .date-pub p {
  display: inline;
  background-color: #000;
  color: #fff;
  padding: 0 5px;
}


.field--entity-reference-target-type-taxonomy-term, .field--entity-reference-target-type-taxonomy-term.field__item {
  display: inline-block;
  font-size: 18px;
}

.page-node-type-article .field--name-field-image {
    padding-top: 36px;
    border-top: solid 1px #D64B31;
    margin-top: 12px;
}

@media(max-width:767px) {
  .page-node-type-article .field--name-node-title {
    padding-left: 0px;
  }
  .page-node-type-article .field--name-node-title h2 {
    margin-bottom: 0px;
  }
  .page-node-type-article .text-tech {
    text-align: left;
    margin-top: 0px;
  }
  .page-node-type-article .field-sujets .field__items {
    display: flex;
    flex-wrap: wrap;
  }
  .page-node-type-article .field-sujets .field__items .field_item {
    padding-right: 10px;
  }
}

.page-node-type-article .field--name-field-credit-photo h5 {
  margin: 0;
  line-height: 1.5;
  font-size: 16px;
}

/******* Contact *******/

.page-node-2360 input#edit-email {
  width: 100%
}

#block-notreequipe p span.icon-align {
  position: relative;
  padding: 0 0 0 30px;
}

#block-notreequipe .svg-inline--fa {
    font-size: 16px;
    width: 22px;
    text-align: left;
}

/* Mailchimp */

#mc_embed_signup .button {
    clear: both;
    border-radius: 0 !important;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: 1.2 !important;
    margin: 20px auto 10px auto !important;
    padding: 14px 32px 14px !important;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    border: 2px solid !important;
    border-color: #EE7B30 !important;
    background-color: #EE7B30 !important;
    margin-left: auto;
    margin-right: auto;
}

#mc_embed_signup .button:hover,
#mc_embed_signup .button:focus {
  border-color: #D05D11 !important;
  color: #D05D11 !important;
  background-color: #ffffff !important;
}

/******* Statistiques *******/

table tr td {
  font-size: 12px;
}

table tr th {
  font-size: 14px;
}

/******* Banque de sons *******/

.path-banque-sons .content-top-highlighted__section {
    padding: 0px 0 15px;
}

.path-banque-sons .main-content__section, .path-banque-sons .sidebar__section {
    padding: 30px 0 0px;
}

/* Couleurs */

.path-banque-sons .header-top.region--black-background,
.page-node-2224 .header-top.region--black-background,
.page-node-2221 .header-top.region--black-background,
.page-node-750 .header-top.region--black-background,
.page-node-2229 .header-top.region--black-background,
.page-node-2222 .header-top.region--black-background,
.page-node-2271 .header-top.region--black-background {
    background-color: #124E97;
}

.path-banque-sons .slideout-toggle,
.page-node-2224 .slideout-toggle,
.page-node-2221 .slideout-toggle,
.page-node-750 .slideout-toggle,
.page-node-2229 .slideout-toggle,
.page-node-2222 .slideout-toggle,
.page-node-2271 .slideout-toggle {
    background-color: #000;
}

.path-banque-sons .region--black-background.slideout,
.page-node-2224 .region--black-background.slideout,
.page-node-2221 .region--black-background.slideout,
.page-node-750 .region--black-background.slideout,
.page-node-2229 .region--black-background.slideout,
.page-node-2222 .region--black-background.slideout,
.page-node-2271 .region--black-background.slideout {
    background-color: #124E97;
}

.page-node-2224 .nav-tabs a.nav-link.active, .page-node-2224 .nav-tabs a.nav-link.active:focus, .page-node-2224 .nav-tabs a.nav-link.active:hover,
.page-node-2221 .nav-tabs a.nav-link.active, .page-node-2221 .nav-tabs a.nav-link.active:focus, .page-node-2221 .nav-tabs a.nav-link.active:hover,
.page-node-2229 .nav-tabs a.nav-link.active, .page-node-2229 .nav-tabs a.nav-link.active:focus, .page-node-2229 .nav-tabs a.nav-link.active:hover,
.page-node-750 .nav-tabs a.nav-link.active, .page-node-750 .nav-tabs a.nav-link.active:focus, .page-node-750 .nav-tabs a.nav-link.active:hover,
.path-banque-sons .nav-tabs a.nav-link.active, .path-banque-sons .nav-tabs a.nav-link.active:focus, .path-banque-sons .nav-tabs a.nav-link.active:hover,
.page-node-2222 .nav-tabs a.nav-link.active, .page-node-2222 .nav-tabs a.nav-link.active:focus, .page-node-2222 .nav-tabs a.nav-link.active:hover,
.page-node-2271 .nav-tabs a.nav-link.active, .page-node-2271 .nav-tabs a.nav-link.active:focus, .page-node-2271 .nav-tabs a.nav-link.active:hover {
    border-color: #e2b621;
    color: #e2b621;
}

.page-node-2224 .nav-tabs a.nav-link:hover, .page-node-2224 .nav-tabs a.nav-link:focus,
.page-node-2221 .nav-tabs a.nav-link:hover, .page-node-2221 .nav-tabs a.nav-link:focus,
.page-node-2229 .nav-tabs a.nav-link:hover, .page-node-2229 .nav-tabs a.nav-link:focus,
.page-node-2222 .nav-tabs a.nav-link:hover, .page-node-2222 .nav-tabs a.nav-link:focus,
.page-node-2271 .nav-tabs a.nav-link:hover, .page-node-2271 .nav-tabs a.nav-link:focus,
.page-node-750 .nav-tabs a.nav-link:hover, .page-node-750 .nav-tabs a.nav-link:focus,
.path-banque-sons .nav-tabs a.nav-link:hover, .path-banque-sons .nav-tabs a.nav-link:focus {
    border-color: #e2b621;
    color: #e2b621;
}

.page-node-2224 a, .page-node-2224 .ui-widget-content a,
.page-node-2221 a, .page-node-2221 .ui-widget-content a,
.page-node-2229 a, .page-node-2229 .ui-widget-content a,
.page-node-2222 a, .page-node-2222 .ui-widget-content a,
.page-node-2271 a, .page-node-2271 .ui-widget-content a,
.page-node-750 a, .page-node-750 .ui-widget-content a,
.path-banque-sons a, .path-banque-sons .ui-widget-content a {
    color: #124E97;
}

.page-node-2224 a:hover, .page-node-2224 a:focus, .page-node-2224 .ui-widget-content a:hover, .page-node-2224 .ui-widget-content a:focus,
.page-node-2221 a:hover, .page-node-2221 a:focus, .page-node-2221 .ui-widget-content a:hover, .page-node-2221 .ui-widget-content a:focus,
.page-node-2229 a:hover, .page-node-2229 a:focus, .page-node-2229 .ui-widget-content a:hover, .page-node-2229 .ui-widget-content a:focus,
.page-node-2222 a:hover, .page-node-2222 a:focus, .page-node-2222 .ui-widget-content a:hover, .page-node-2222 .ui-widget-content a:focus,
.page-node-2271 a:hover, .page-node-2271 a:focus, .page-node-2271 .ui-widget-content a:hover, .page-node-2271 .ui-widget-content a:focus,
.page-node-750 a:hover, .page-node-750 a:focus, .page-node-750 .ui-widget-content a:hover, .page-node-750 .ui-widget-content a:focus,
.path-banque-sons a:hover, .path-banque-sons a:focus, .path-banque-sons .ui-widget-content a:hover, .path-banque-sons .ui-widget-content a:focus {
    color: #0f4280;
}

.page-node-2224 a, .page-node-2224 .ui-widget-content a,
.page-node-2221 a, .page-node-2221 .ui-widget-content a,
.page-node-2229 a, .page-node-2229 .ui-widget-content a,
.page-node-2222 a, .page-node-2222 .ui-widget-content a,
.page-node-2271 a, .page-node-2271 .ui-widget-content a,
.page-node-750 a, .page-node-750 .ui-widget-content a,
.path-banque-sons a, .path-banque-sons .ui-widget-content a {
    color: #e2b621;
}

.page-node-2224 a:hover, .page-node-2224 a:focus, .page-node-2224 .ui-widget-content a:hover, .page-node-2224 .ui-widget-content a:focus,
.page-node-2221 a:hover, .page-node-2221 a:focus, .page-node-2221 .ui-widget-content a:hover, .page-node-2221 .ui-widget-content a:focus,
.page-node-2229 a:hover, .page-node-2229 a:focus, .page-node-2229 .ui-widget-content a:hover, .page-node-2229 .ui-widget-content a:focus,
.page-node-2222 a:hover, .page-node-2222 a:focus, .page-node-2222 .ui-widget-content a:hover, .page-node-2222 .ui-widget-content a:focus,
.page-node-2271 a:hover, .page-node-2271 a:focus, .page-node-2271 .ui-widget-content a:hover, .page-node-2271 .ui-widget-content a:focus,
.page-node-750 a:hover, .page-node-750 a:focus, .page-node-750 .ui-widget-content a:hover, .page-node-750 .ui-widget-content a:focus,
.path-banque-sons a:hover, .path-banque-sons a:focus, .path-banque-sons .ui-widget-content a:hover, .path-banque-sons .ui-widget-content a:focus {
    color: #c79e1a;
}

li.pager__item.is-active a {
  border-color: #e2b621 !important;
}

li.pager__item a:not(.mt-button):hover, li.pager__item a:not(.mt-button):focus {
    color: #e2b621 !important;
}

.page-node-2224 #subfooter-top a, .page-node-2224 #subfooter a,
.page-node-2221 #subfooter-top a, .page-node-2221 #subfooter a,
.page-node-2229 #subfooter-top a, .page-node-2229 #subfooter a,
.page-node-2222 #subfooter-top a, .page-node-2222 #subfooter a,
.page-node-2271 #subfooter-top a, .page-node-2271 #subfooter a,
.page-node-750 #subfooter-top a, .page-node-750 #subfooter a,
.path-banque-sons #subfooter-top a, .path-banque-sons #subfooter a {
    color: #ffffff;
}

.page-node-2224 .site-name a:hover, .page-node-2224 .site-name a:focus,
.page-node-2221 .site-name a:hover, .page-node-2221 .site-name a:focus,
.page-node-2229 .site-name a:hover, .page-node-2229 .site-name a:focus,
.page-node-2222 .site-name a:hover, .page-node-2222 .site-name a:focus,
.page-node-2271 .site-name a:hover, .page-node-2271 .site-name a:focus,
.page-node-750 .site-name a:hover, .page-node-750 .site-name a:focus,
.path-banque-sons .site-name a:hover, .path-banque-sons .site-name a:focus {
    color: #000;
}

.path-banque-sons span.mt-button, .path-banque-sons a.mt-button, .path-banque-sons .mt-button > a, .path-banque-sons button.mt-button, .path-banque-sons input[type="submit"], .path-banque-sons input[type="reset"], .path-banque-sons input[type="button"] {
    border-color: #124E97;
    background-color: #124E97;
}

.path-banque-sons span.mt-button:hover, .path-banque-sons span.mt-button:focus, .path-banque-sons a.mt-button:hover, .path-banque-sons a.mt-button:focus, .path-banque-sons .mt-button > a:hover, .path-banque-sons .mt-button > a:focus, .path-banque-sons button.mt-button:hover, .path-banque-sons button.mt-button:focus, .path-banque-sons input[type="submit"]:hover, .path-banque-sons input[type="submit"]:focus, .path-banque-sons input[type="reset"]:hover, .path-banque-sons input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus {
    border-color: #0f4280;
    color: #0f4280;
    background-color: #fff;
}

.path-banque-sons a.button {
  color: #fff;
}


.path-banque-sons .header-container ul.menu > li > a:hover, .path-banque-sons .header-container .region--dark-typography ul.menu li > a.is-active, .path-banque-sons .header-container .region--dark-typography ul.menu li.active-trail > a,
.page-node-2224 .header-container ul.menu > li > a:hover, .page-node-2224 .header-container .region--dark-typography ul.menu li > a.is-active, .page-node-2224 .header-container .region--dark-typography ul.menu li.active-trail > a,
.page-node-2221 .header-container ul.menu > li > a:hover, .page-node-2221 .header-container .region--dark-typography ul.menu li > a.is-active, .page-node-2221 .header-container .region--dark-typography ul.menu li.active-trail > a,
.page-node-2229 .header-container ul.menu > li > a:hover, .page-node-2229 .header-container .region--dark-typography ul.menu li > a.is-active, .page-node-2229 .header-container .region--dark-typography ul.menu li.active-trail > a,
.page-node-2222 .header-container ul.menu > li > a:hover, .page-node-2222 .header-container .region--dark-typography ul.menu li > a.is-active, .page-node-2222 .header-container .region--dark-typography ul.menu li.active-trail > a,
.page-node-2271 .header-container ul.menu > li > a:hover, .page-node-2271 .header-container .region--dark-typography ul.menu li > a.is-active, .page-node-2271 .header-container .region--dark-typography ul.menu li.active-trail > a,
.page-node-750 .header-container ul.menu > li > a:hover, .page-node-750 .header-container .region--dark-typography ul.menu li > a.is-active, .page-node-750 .header-container .region--dark-typography ul.menu li.active-trail > a,
.path-banque-sons .region--dark-typography ul.menu li a:hover, .path-banque-sons .region--dark-typography ul.menu li a:focus,
.page-node-2224 .region--dark-typography ul.menu li a:hover, .page-node-2224 .region--dark-typography ul.menu li a:focus,
.page-node-2221 .region--dark-typography ul.menu li a:hover, .page-node-2221 .region--dark-typography ul.menu li a:focus,
.page-node-2229 .region--dark-typography ul.menu li a:hover, .page-node-2229 .region--dark-typography ul.menu li a:focus,
.page-node-2222 .region--dark-typography ul.menu li a:hover, .page-node-2222 .region--dark-typography ul.menu li a:focus,
.page-node-2271 .region--dark-typography ul.menu li a:hover, .page-node-2271 .region--dark-typography ul.menu li a:focus,
.page-node-750 .region--dark-typography ul.menu li a:hover, .page-node-750 .region--dark-typography ul.menu li a:focus {
    color: #124E97;
}

.path-banque-sons .header-container .sf-menu li.sfHover > a, .path-banque-sons .header-container .sf-menu li > a:hover, .path-banque-sons .header-container .sf-menu li.sfHover > a.is-active, .path-banque-sons .header-container .sf-menu li.sfHover.active-trail > a,
.page-node-2224 .header-container .sf-menu li.sfHover > a, .page-node-2224 .header-container .sf-menu li > a:hover, .page-node-2224 .header-container .sf-menu li.sfHover > a.is-active, .page-node-2224 .header-container .sf-menu li.sfHover.active-trail > a,
.page-node-2221 .header-container .sf-menu li.sfHover > a, .page-node-2221 .header-container .sf-menu li > a:hover, .page-node-2221 .header-container .sf-menu li.sfHover > a.is-active, .page-node-2221 .header-container .sf-menu li.sfHover.active-trail > a,
.page-node-2229 .header-container .sf-menu li.sfHover > a, .page-node-2229 .header-container .sf-menu li > a:hover, .page-node-2229 .header-container .sf-menu li.sfHover > a.is-active, .page-node-2229 .header-container .sf-menu li.sfHover.active-trail > a,
.page-node-2222 .header-container .sf-menu li.sfHover > a, .page-node-2222 .header-container .sf-menu li > a:hover, .page-node-2222 .header-container .sf-menu li.sfHover > a.is-active, .page-node-2222 .header-container .sf-menu li.sfHover.active-trail > a,
.page-node-2271 .header-container .sf-menu li.sfHover > a, .page-node-2271 .header-container .sf-menu li > a:hover, .page-node-2271 .header-container .sf-menu li.sfHover > a.is-active, .page-node-2271 .header-container .sf-menu li.sfHover.active-trail > a,
.page-node-750 .header-container .sf-menu li.sfHover > a, .page-node-750 .header-container .sf-menu li > a:hover, .page-node-750 .header-container .sf-menu li.sfHover > a.is-active, .page-node-750 .header-container .sf-menu li.sfHover.active-trail > a {
    color: #124E97;
}

.path-banque-sons .region--dark-typography h3 a:hover, .path-banque-sons .region--dark-typography h3 a:focus,
.page-node-2224 .region--dark-typography h3 a:hover, .page-node-2224 .region--dark-typography h3 a:focus,
.page-node-2221 .region--dark-typography h3 a:hover, .page-node-2221 .region--dark-typography h3 a:focus,
.page-node-2229 .region--dark-typography h3 a:hover, .page-node-2229 .region--dark-typography h3 a:focus,
.page-node-2222 .region--dark-typography h3 a:hover, .page-node-2222 .region--dark-typography h3 a:focus,
.page-node-2271 .region--dark-typography h3 a:hover, .page-node-2271 .region--dark-typography h3 a:focus,
.page-node-750 .region--dark-typography h3 a:hover, .page-node-750 .region--dark-typography h3 a:focus {
  color: #124E97;
}

#block-selecteurdelangue a,
#block-selecteurdelangue-2 a {
  color: white;
}

.path-banque-sons #block-selecteurdelangue a:hover, .path-banque-sons #block-selecteurdelangue a:focus,
.page-node-2224 #block-selecteurdelangue a:hover, .page-node-2224 #block-selecteurdelangue a:focus,
.page-node-2221 #block-selecteurdelangue a:hover, .page-node-2221 #block-selecteurdelangue a:focus,
.page-node-2229 #block-selecteurdelangue a:hover, .page-node-2229 #block-selecteurdelangue a:focus,
.page-node-2222 #block-selecteurdelangue a:hover, .page-node-2222 #block-selecteurdelangue a:focus,
.page-node-2271 #block-selecteurdelangue a:hover, .page-node-2271 #block-selecteurdelangue a:focus,
.page-node-750 #block-selecteurdelangue a:hover, .page-node-750 #block-selecteurdelangue a:focus {
  color: #000;
}

.path-banque-sons #block-selecteurdelangue-2 a:hover, .path-banque-sons #block-selecteurdelangue-2 a:focus,
.page-node-2224 #block-selecteurdelangue-2 a:hover, .page-node-2224 #block-selecteurdelangue-2 a:focus,
.page-node-2221 #block-selecteurdelangue-2 a:hover, .page-node-2221 #block-selecteurdelangue-2 a:focus,
.page-node-2229 #block-selecteurdelangue-2 a:hover, .page-node-2229 #block-selecteurdelangue-2 a:focus,
.page-node-2222 #block-selecteurdelangue-2 a:hover, .page-node-2222 #block-selecteurdelangue-2 a:focus,
.page-node-2271 #block-selecteurdelangue-2 a:hover, .page-node-2271 #block-selecteurdelangue-2 a:focus,
.page-node-750 #block-selecteurdelangue-2 a:hover, .page-node-750 #block-selecteurdelangue-2 a:focus {
  color: #000;
}

/* Menu */

#superfish-concours--2 li a,
#superfish-concours-accordion li a {
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}

#block-concours-2,
#block-banquedesons-2 {
  border-bottom: 1px solid white;
}

.header-container #block-banquedesons ul.menu {
    text-align: center;
}

#block-banquedesons li.sf-depth-1 > a,
#block-banquedesons-2 li.sf-depth-1 > a {
  font-weight: 700;
  text-transform: uppercase;
}

#superfish-concours--2 li a:hover, #superfish-concours--2 li.sf-depth-1.active-trail > a,
#superfish-concours-accordion li a:hover {
  color: #000;
}

#superfish-concours--2 li.sf-depth-2 a:hover {
  color: #124E97;
}

#block-concours-2 li a:hover, #block-concours-2 li.sf-depth-1.active-trail > a, #block-concours-2 li.sf-depth-2.active-trail > a,
#block-banquedesons-2 li a:hover, #block-banquedesons-2 li.sf-depth-1.active-trail > a, #block-banquedesons-2 li.sf-depth-2.active-trail > a {
  color:#000;
}

#block-concours-2 li a {
  font-size: 15px;
}

#block-concours-2 li.sf-depth-2 > a {
  text-transform: none;
  font-weight:300;
}

.path-banque-sons .header__section.header-second > .region-header {
  display: flex;
  flex-wrap: wrap;
}

#block-banquedesons.block-superfish {
  width: fit-content;
}

#block-formulaireexposesonspage-10 #edit-submit-sons--2,
#views-exposed-form-sons-page-1 #edit-reset,
#block-formulaireexposeespace-de-travailpage-2 #edit-submit-espace-de-travail--2,
#views-exposed-form-espace-de-travail-page-1 #edit-reset,
#views-exposed-form-sons-page-1 #edit-reset-sons {
  display: none;
}

#keep-top {
  background-color: white;
}

#block-trigcolonnessons,
#block-trigcolonnessons p {
  padding-bottom: 0;
}

#block-banquedesons #superfish-banque-de-sons--2 {
  padding-top: 0;
}

.header-container #block-banquedesons ul#superfish-banque-de-sons--2.menu li a {
  padding: 12px 10px 12px;
}

.path-banque-sons.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed {
  display: block !important;
}

#block-trigcolonnessons button.mt-button,
#block-formulaireexposesonspage-10 input[type="submit"],
#block-formulaireexposeespace-de-travailpage-2 input[type="submit"] {
  padding: 10px 32px 10px;
}

#block-formulaireexposesonspage-10,
#block-formulaireexposesonspage-10 #edit-actions--2,
#block-formulaireexposeespace-de-travailpage-2,
#block-formulaireexposeespace-de-travailpage-2 #edit-actions--2 {
  margin-bottom: 0;
}

.top-reached {
  position: fixed;
  top: 0;
}

#block-banquedesons {
  flex-basis: 50%;
}

body.path-banque-sons {
  height: unset;
}

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

.path-sons.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed, .path-sons.onscroll.fixed-header-enabled--scroll .header.js-fixed,
.path-banque-sons.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed, .path-banque-sons.onscroll.fixed-header-enabled--scroll .header.js-fixed, .path-sound-library.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed, .path-sound-library.onscroll.fixed-header-enabled--scroll .header.js-fixed {
    opacity: 1;
    position: relative;
    z-index: 499;
    top: 0;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    display: none;
}

.path-banque-sons.fixed-header-enabled .header.js-fixed {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  
.path-banque-sons.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed, .onscroll.fixed-header-enabled--scroll .header.js-fixed {
    position: relative;
  }

#block-banquedesonssidebar ul.sf-menu.sf-style-white a, #block-banquedesonssidebar ul.sf-menu.sf-style-white a:visited, #block-banquedesonssidebar ul.sf-menu.sf-style-white span.nolink {
    color: #000;

}

#block-banquedesonssidebar ul.menu li > a::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    font-size: 15px;
    top: 12px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.region--dark-typography #block-banquedesonssidebar ul.menu li a.is-active {
    color: #EE7B30;
}

.region--dark-typography #block-banquedesonssidebar ul.menu li a:hover, .region--dark-typography #block-banquedesonssidebar ul.menu li a:focus {
    color: #EE7B30;
}

#block-banquedesonssidebar ul.sf-menu .sf-sub-indicator::after {
    content: "►";
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: -1px;
}

/*.path-banque-sons #block-contenudelapageprincipale {
  overflow-x: scroll;
}*/


@media(max-width: 1199px) {
  #block-trigcolonnessons button.mt-button, #block-formulaireexposesonspage-10 input[type="submit"], #block-formulaireexposeespace-de-travailpage-2 input[type="submit"] {
    padding: 10px 20px 10px;
    font-size: 12px;
  }
  .header-container #block-banquedesons ul#superfish-banque-de-sons--2.menu li a {
    padding: 12px 10px 12px;
    font-size: 12px;
  }
}

@media(max-width: 991px) {
  #block-banquedesons {
    display: none;
  }
  .path-banque-sons .header__container {
    padding: 5px 0;
  }
}

/* Compteur téléchargements */

#block-decomptedestelechargements {
  background-color: #124E97;
  padding: 24px 24px 10px 24px;
  color: white;
  text-align: center;
  margin-bottom: 36px;
}

/*Informations*/

#block-definitionsdescriteres p a > .icone-plus {
  display: none;
}

#block-definitionsdescriteres p a > .icone-moins {
  display: inline;
}

#block-definitionsdescriteres p a.collapsed > .icone-plus {
  display: inline;
}

#block-definitionsdescriteres p a.collapsed > .icone-moins {
  display: none;
}

#block-definitionsdescriteres .col-criteres {
  column-count: 2;
}

#block-definitionsdescriteres .col-criteres div {
  break-inside: avoid;
}

/* nb résultats */

.nb-res-view {
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  font-weight: 700 !important;
  color: white;
  background-color: #000;
  padding: 5px 10px;
}

/* Filtres */


.spb_center {
    margin: 0;
    top: 50%;
    left: 50%;
    margin-top: 0;
    transform: translate(-50%,-50%);
    margin-left: 0 !important;
}

.path-sons .bef-exposed-form .form--inline > .form-item,
.path-banque-sons .bef-exposed-form .form--inline > .form-item,
.path-banque-sons .bef-exposed-form fieldset {
  margin-right: 24px !important;
}

.path-banque-sons .bef-exposed-form fieldset {
  float: left !important;
}

.path-banque-sons .bef-exposed-form fieldset .form-checkboxes > .form-item {
  display: block;
}

.view-sons-subtuyo, .view-sons-orgue, .view-sons-airsolo, .view-sons-subtuyo, .view-sons-bol, .view-sons-membranes-vibrantes, .view-sons-insectes, .view-sons-pipe, .view-sons-espace-de-travail {
  position: relative;
}

.path-banque-sons .bef-exposed-form .link-toggle {
  margin-bottom: 12px;
  clear: both;
  display: block;
  width: fit-content;
}

/*.path-banque-sons .view-filters {
  margin-bottom: -46px;
  z-index: 20;
  position: relative;
}*/

.path-banque-sons .view-filters .views-exposed-form {
  margin-bottom: 0;
}

.path-banque-sons #block-contenudelapageprincipale .view {
  width: fit-content;
}

.path-banque-sons #block-contenudelapageprincipale .view-filters,
#block-subtuyo-bouton-reset,
#block-orgue-bouton-reset,
#block-bol-bouton-reset,
#block-ins-bouton-reset,
#block-mem-bouton-reset,
#block-pipe-bouton-reset,
#block-air-bouton-reset {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  left: 555px;
  width: 290px;
  height: 46px;
  z-index: 20;
  margin-bottom: -50px;
}

#block-subtuyo-bouton-reset .js-form-submit, #block-subtuyo-bouton-reset .link-toggle,
#block-orgue-bouton-reset .js-form-submit, #block-orgue-bouton-reset .link-toggle,
#block-bol-bouton-reset .js-form-submit, #block-bol-bouton-reset .link-toggle,
#block-ins-bouton-reset .js-form-submit, #block-ins-bouton-reset .link-toggle,
#block-mem-bouton-reset .js-form-submit, #block-mem-bouton-reset .link-toggle,
#block-pipe-bouton-reset .js-form-submit, #block-pipe-bouton-reset .link-toggle,
#block-air-bouton-reset .js-form-submit, #block-air-bouton-reset .link-toggle {
  display: none;
} 

#block-subtuyo-bouton-reset .js-form-submit:nth-of-type(2),
#block-orgue-bouton-reset .js-form-submit:nth-of-type(2),
#block-bol-bouton-reset .js-form-submit:nth-of-type(2),
#block-ins-bouton-reset .js-form-submit:nth-of-type(2),
#block-mem-bouton-reset .js-form-submit:nth-of-type(2),
#block-pipe-bouton-reset .js-form-submit:nth-of-type(2),
#block-air-bouton-reset .js-form-submit:nth-of-type(2) {
  display: inline-block;
}


.path-banque-sons #block-contenudelapageprincipale .view-espace-de-travail .view-filters {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  left: 325px;
  width: 290px;
  height: 46px;
  z-index: 20;
  margin-bottom: -46px;
}

.path-banque-sons .view-filters #edit-actions {
  margin-bottom: 0;
}

.path-banque-sons .view-filters #edit-actions #edit-reset,
#block-subtuyo-bouton-reset button {
  /*position: absolute;
  left: 500px;
  z-index: 20;
  top: 0;*/
  margin-left: 0;
}

.path-banque-sons .view-filters #views-exposed-form-espace-de-travail-page-1  div[id^='edit-actions'] input[id^='edit-reset'] {
  /*position: absolute;
  left: 280px !important;
  z-index: 20;
  top: 0;*/
  margin-left: 0;
  display: none;
}

.path-banque-sons .form--inline .views-ef-fieldset-container .form-item.form-type-radio {
    float: none;
    margin-right: 0.5em;
    display: block;
}

#views-exposed-form-espace-de-travail-page-1 fieldset,
#views-exposed-form-espace-de-travail-page-1 #edit-submit-espace-de-travail,
#views-exposed-form-sons-page-1 fieldset,
#views-exposed-form-sons-page-1 #edit-submit-sons {
  display: none;
}

.view-espace-de-travail .views-exposed-form .js-form-submit {
  display: none;
}

.view-espace-de-travail .views-exposed-form input[id^='edit-reset'] {
  display: block;
}

.view-espace-de-travail table tr th.views-field-view,
.view-espace-de-travail table tr td.views-field-view {
  width: auto;
}

.view-espace-de-travail table tr th.views-field-view span,
.view-fichiers-a-telecharger table tr th.views-field-view span {
  display: block;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
}

.view-espace-de-travail .view-commentaires-sons details > .details-wrapper {
  padding: 0 0 0;
}

.path-banque-sons .views-ef-fieldset-root,
.path-banque-sons .views-ef-fieldset-container-12 {
  display: block;
}

.path-banque-sons .views-ef-fieldset-container-12 {
  clear: both;
}

.path-banque-sons .spb-popup-main-wrapper {
  padding-left: 18px;
}

.path-banque-sons .form-item.highlight {
  text-align: left;
}

.path-sons .bef-exposed-form .views-ef-fieldset-root .views-ef-fieldset-container .details-wrapper .form-item {
  display: block;
}

.path-sons .bef-exposed-form input[type="submit"] {
    margin-left: 0px;
    margin-top: 24px;
}

#block-selectiondescolonnes input,
#block-selectiondescolonnesinsectes input,
#block-selectiondescolonnesmembranes input,
#block-selectiondescolonnesorgue input,
#block-selectiondescolonnessubtuyo input,
#block-selectiondescolonnesairsolo input,
#block-selectiondescolonnesbol input,
#block-selectiondescolonnespipe input,
#block-selectiondescolonneset input {
  margin-bottom: 0;
  margin-top: 5px;
  float: left;
}

#block-selectiondescolonnessubtuyo #checkbox-container-subtuyo {
  display: flex;
  flex-wrap: wrap;
}

#block-selectiondescolonnessubtuyo #checkbox-container-subtuyo > a {
  flex-basis: 100%;
}

#block-selectiondescolonnessubtuyo #checkbox-container-subtuyo > div {
  flex-basis: 25%;
}

@media(max-width:767px) {
  #block-selectiondescolonnessubtuyo {
    display: none;
  }
}

#trig-filters-reg,
#trig-filters-ent,
#trig-filters-mas,
#trig-filters-str,
#trig-filters-pro,
#trig-filters-gra,
#trig-filters-sch,
#trig-filters-jeu,
#trig-filters-hau,
#trig-filters-seqj {
  cursor: pointer;
}

.col-12 #block-triggerajoutdenotes.block {
  padding-bottom: 0;
}

#block-pager-sub,
#block-pager-orgue,
#block-pager-bol,
#block-pager-ins,
#block-pager-mem,
#block-pager-pipe,
#block-pager-air,
#block-pager-sons {
  width: 175px;
  margin-left: auto;
  margin-right: auto;
}

#block-contenudelapageprincipale #views-exposed-form-sons-page-1 .form-item-items-per-page {
  display: none;
}

.path-banque-sons table th a {
  color: white;
}

/* Dialogue Notes Compositeur */

.path-sons .bouton-filtres,
.path-banque-sons .bouton-filtres {
  position: fixed;
  bottom: 0;
  right:100px;
  z-index: 10;
  text-align: center;
}

#block-triggerajoutdenotes button {
  border-radius: 10px 10px 0px 0 !important;
  font-size: 18px;
}


#block-triggerajoutdenotes button:hover {
  background-color: white;
}

#block-triggerajoutdenotes button:focus {
  background-color: #124E97;
  border-color: #124E97;
  color: white;
}

#filters-dialog {
  width: 100%;
  height: 0;
  position: fixed;
  z-index: 1001;
  bottom: 0;
  left: 0;
  background-color: whitesmoke;
  overflow-y: scroll;
  transition: 0.5s;
  
}

.path-sons .closebtn,
.path-banque-sons .closebtn {
  display: block;
  text-align: right;
  padding: 12px 24px;
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  position: sticky;
  top:0;
  z-index: 2;
}

.path-sons .closebtn:hover,
.path-sons .closebtn:focus,
.path-banque-sons .closebtn:hover,
.path-banque-sons .closebtn:focus {
  text-decoration: none;
}


.path-banque-sons .block-views table thead tr:nth-of-type(1) th {
    position: static;
    z-index: auto;
    width: auto;
    height: auto;
}

.path-banque-sons .block-views table thead tr:nth-of-type(2) th {
    position: static;
    z-index: auto;
    width: auto;
}

.path-banque-sons t.block-views table thead tr th:nth-child(1) {
    position: static;
    z-index: auto;
    width: auto;
}

.path-banque-sons .block-views table thead tr th:nth-child(2) {
    position: static;
    z-index: auto;
}

.path-banque-sons .block-views table tbody tr td:nth-child(1) {
  position: static;
  z-index: auto;
  width: auto;
}

.path-banque-sons .block-views table tbody tr td:nth-child(2) {
  position: static;
  z-index: auto;
}



/*Table */

table thead tr th a {
  padding-bottom: 20px;
  padding-top: 5px;
  width: 100%;
  height: 65px;
  position: relative;
  display: block;
}

.tablesort--desc,
.tablesort--asc {
  filter: brightness(200%);
  display: block;
  margin-left: auto;
  margin-right: auto;
}

table thead tr th a:after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}

.path-banque-sons table thead tr th a:hover:after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size: 14px;
  font-weight: 900;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  color: #c79e1a;
}

table thead tr th.is-active a {
  padding-bottom: 0;
}

table thead tr th.is-active a:after,
table thead tr th.is-active a:hover:after {
  content: none;


}

table tr th {
  background-color: #000 !important;
}

.ui360 a.sm2_link {
    text-indent: 0px;
    display: none;
}

table tr td {
    color: #000000;
}

.view-id-sons.view-display-id-page_1 table tr td,
.view-id-sons_insectes.view-display-id-page_1 table tr td,
.path-banque-sons table tr td {
  font-size: 12px;
  padding: 0.25em 0.5em;
}

.view-id-sons.view-display-id-page_1 table tr th,
.view-id-sons.view-display-id-page_1 table tr th div,
.view-id-sons_insectes.view-display-id-page_1 table tr th,
.view-id-sons_insectes.view-display-id-page_1 table tr th div,
.path-banque-sons table tr th,
.path-banque-sons table tr th div {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  padding: 0.5em;
}

.view-id-sons.view-display-id-page_1 table tr th div,
.view-id-sons_insectes.view-display-id-page_1 table tr th div,
.path-banque-sons table tr th div {
  height: 40px;
}

.path-banque-sons .page-container {
  /*overflow: scroll;
  height: 100vh;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-overflow-scrolling:touch;
  scroll-behavior: smooth;*/
}

.path-banque-sons .flow-control {
   /*overflow: scroll;
   height: 100vh;
   position: relative;*/
   width: fit-content;
 }


.table-header-buttons {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  height: 46px;
  top: 0;
  left:0;
  z-index: 10;
  background-color: white;
  width: 100%;
}

.table-header-buttons button#trig-col-select {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  width: 255px;
  left: 0;
}

.table-header-buttons a#link-ws {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 275px;
}

a#link-ws-sub {
  position: fixed;
  bottom: 0;
  right: 450px;
  z-index: 100;
  border-radius: 10px 10px 0px 0 !important;
  font-size: 18px;
}

#block-subtuyo-bouton-reset {
  position: fixed;
  left: -122px;
  top: 50%;
  transform: rotate(90deg);
  padding-left: 0;
  padding-bottom: 0;
  border-radius: 10px 10px 0px 0 !important;
  font-size: 18px;
}

.ui360 {
    margin-bottom: 0;
    margin-right: 0;
}

.path-banque-sons .views-field-field-numero a {
  width:29px;
  /*color: white;*/
}

.path-banque-sons .views-field-title .table-header-filter {
  width:233px;
  /*color: white;*/
  padding-top: 0;
  position: absolute;
  margin-top: -95px;
}

.path-banque-sons .views-field-title .table-header-filter select {
  padding: 3px 15px;
}

#trig-filters-reg,
#trig-filters-ent,
#trig-filters-mas,
#trig-filters-hau,
#trig-filters-str,
#trig-filters-pro,
#trig-filters-gra,
#trig-filters-sch,
#trig-filters-jeu,
#trig-filters-seqj {
  display: inline-block;
  width: 100%;
}

#trig-filters-reg:hover,
#trig-filters-ent:hover,
#trig-filters-mas:hover,
#trig-filters-hau:hover,
#trig-filters-str:hover,
#trig-filters-pro:hover,
#trig-filters-gra:hover,
#trig-filters-sch:hover,
#trig-filters-jeu:hover,
#trig-filters-seqj:hover {
  color: #c79e1a;  
}

.path-banque-sons table .flag-telechargement svg {
  font-size: 20px;
}

/*.path-banque-sons .views-field-field-duree a {
  color: white;
}*/

.path-banque-sons .title-w {
  width:216px;
  display: inline-block;
}

.path-banque-sons .view-id-sons_subtuyo .title-w {
  width:192px;
  display: inline-block;
}

.path-banque-sons .view-id-sons_orgue .title-w {
  width:165px;
  display: inline-block;
}
.path-banque-sons .view-id-sons_insectes .title-w {
  width:216px;
  display: inline-block;
}

.path-banque-sons .view-id-sons_airsolo .title-w {
  width:165px;
  display: inline-block;
}

.path-banque-sons .view-id-sons_bol .title-w,
.path-banque-sons .view-id-sons_pipe .title-w,
.path-banque-sons .view-id-sons_membranes_vibrantes .title-w {
  width:165px;
  display: inline-block;
}

.path-banque-sons table tr th.views-field-title span {
  width:233px;
  display: block
}

.path-banque-sons table thead tr:nth-of-type(1) th {
    /*position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 46px;
    z-index: 5;*/
    width: 25vw;
    height: 54px;
}

/*.path-banque-sons table thead tr:nth-of-type(2) th {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 100px;
    z-index: 5;
}*/

.path-banque-sons #block-contenudelapageprincipale table thead {
  position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 46px;
    z-index: 10;
}

.path-banque-sons #block-contenudelapageprincipale table thead tr th:nth-child(1) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0;
    z-index: 10;
    width: auto;
}

.path-banque-sons #block-contenudelapageprincipale table thead tr:nth-child(1) th:nth-child(2) {
  font-size: 13px;
  vertical-align: middle;
  color: #e2b621;
  padding-bottom: 45px;
}

.path-banque-sons #block-contenudelapageprincipale table thead tr th:nth-child(2) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 44px;
    z-index: 10;
    width: auto;
}

.path-banque-sons #block-contenudelapageprincipale table thead tr th:nth-child(3) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 292px;
    z-index: 10;
    width: auto;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
  padding: 0;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div {
  line-height: 42px;
  padding: 0.25em 0.5em;
  width: 100%;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-119 {
  background-color: #ddf9f9;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-127,
.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-2023 {
  background-color: #d5ffd9;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-122 {
  background-color: #fceeee;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-123 {
  background-color: #f9dcdc;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-124 {
  background-color: #f6cbcb;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-125 {
  background-color: #f3baba;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(1) div.ins-121 {
  background-color: #f0a8a8;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(2) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 44px;
  z-index: 5;
}

.path-banque-sons #block-contenudelapageprincipale table tbody tr td:nth-child(3) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 292px;
  z-index: 5;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_insectes table thead tr th:nth-child(3) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 273px;
    z-index: 10;
    width: auto;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_insectes table tbody tr td:nth-child(3) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 273px;
  z-index: 5;
}


.path-banque-sons #block-contenudelapageprincipale .view-id-sons_subtuyo table thead tr th:nth-child(3) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 249px;
    z-index: 10;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_subtuyo table tbody tr td:nth-child(3) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 249px;
  z-index: 5;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_orgue table thead tr th:nth-child(3) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 222px;
    z-index: 10;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_orgue table tbody tr td:nth-child(3) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 222px;
  z-index: 5;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_airsolo table thead tr th:nth-child(3) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 218px;
    z-index: 10;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_airsolo table tbody tr td:nth-child(3) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 218px;
  z-index: 5;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_bol table thead tr th:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_pipe table thead tr th:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_membranes_vibrantes table thead tr th:nth-child(3) {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 222px;
    z-index: 10;
}

.path-banque-sons #block-contenudelapageprincipale .view-id-sons_bol table tbody tr td:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_pipe table tbody tr td:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_membranes_vibrantes table tbody tr td:nth-child(3) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 222px;
  z-index: 5;
}


.table-striped tbody tr:nth-of-type(2n+1) td {
    background-color: #f5f5f5;
}

.table-striped tbody tr:nth-of-type(2n) td {
    background-color: white;
}

.view-id-sons.view-display-id-page_1 table tr:first-child th, .view-display-id-page_1 table tr:first-child th,
.path-banque-sons table tr:first-child th, .path-banque-sons table tr:first-child th {
  border-width: 1px 0 1px 0;
}

.view-id-sons.view-display-id-page_1 th.gbord, .view-display-id-page_1 th.gbord,
.path-banque-sons th.gbord, .path-banque-sons th.gbord {
    border: solid 1px #ffffff !important;
}

.view-id-sons.view-display-id-page_1 table tr th,
.path-banque-sons table tr th {
  border: solid 1px #ffffff;
}

.view-id-sons.view-display-id-page_1 tr td,
.path-banque-sons tr td {
  border: solid .5px #000;
  background-color: transparent;
  vertical-align: middle;
  text-align: center;
}


.view-id-sons.view-display-id-page_1 div.light,
.path-banque-sons div.light {
  /*background-color: #85b1ea;
  height: 55px;
  line-height: 55px;
  background-color: #FFA733;*/
  background-color: #e2b621;
  height: 28px;
  line-height: 28px;
  width: 28px;
  margin-left: auto;
  margin-right: auto;
  /*border-radius: 50%;*/
  color: white;
}

.view-id-sons.view-display-id-page_1 div.med,
.path-banque-sons div.med {
  /*background-color: #256fd0;
  height: 55px;
  line-height: 55px;*/
  color: white;
  /*background-color: #329F5B;*/
  background-color: #124e97;
  height: 30px;
  line-height: 30px;
  color: white;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}

.view-id-sons.view-display-id-page_1 div.high,
.path-banque-sons div.high {
  background-color: #256fd0;
  height: 55px;
  line-height: 55px;
}

.path-banque-sons .view-fichiers-a-telecharger table thead tr th,
.path-banque-sons .view-fichiers-a-telecharger table thead,
.path-banque-sons .view-fichiers-a-telecharger table tbody tr td {
  position: static !important;
}

.path-banque-sons .view-fichiers-a-telecharger .flow-control {
  height: auto;
}

.path-banque-sons .field--name-field-notes-compositeur input {
  margin-bottom: 10px;
}

@media(max-width:991px) {
.view-id-sons .priority-low,
#block-selectiondescolonnes .priority-low,
.path-banque-sons .priority-low {
  display: none !important;
}
.path-banque-sons #link-ws {
  display: none;
}
.path-banque-sons #block-contenudelapageprincipale .view-filters {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
    position: sticky;
    top: 0;
    left: 300px;
    width: 290px;
    height: 46px;
    z-index: 20;
    margin-bottom: -46px;
}

}

@media(max-width:767px) {
.view-id-sons .priority-medium,
.path-banque-sons .priority-medium,
#block-selectiondescolonnes {
  display: none !important;
}
.path-banque-sons #block-contenudelapageprincipale .view-filters {
    position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
    position: sticky;
    top: 0;
    left: 0px;
    width: 290px;
    height: 46px;
    z-index: 20;
    margin-bottom: -46px;
}

.path-banque-sons #block-contenudelapageprincipale .view-espace-de-travail .view-filters {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  left: 0px;
  width: 290px;
  height: 46px;
  z-index: 20;
  margin-bottom: -46px;
}

.path-banque-sons #trig-col-select,
.path-banque-sons #block-triggerajoutdenotes {
  display: none;
}

#block-definitionsdescriteres .col-criteres {
    column-count: 1;
}

/*.path-banque-sons table thead tr:nth-of-type(1) {
  display: none;
}*/
/*.path-banque-sons table thead tr:nth-of-type(1) th {
    position: static;
}
.path-banque-sons table thead tr:nth-of-type(2) th {
    position: static;
}*/
.path-banque-sons table thead {
  position: static;
}
.path-banque-sons table thead tr th:nth-child(1) {
    position: static;
}
.path-banque-sons table thead tr th:nth-child(2) {
    position: static;
}
.path-banque-sons table thead tr th:nth-child(3) {
    position: static;
}
.path-banque-sons table tbody tr td:nth-child(1) {
  position: static;
}
.path-banque-sons table tbody tr td:nth-child(2) {
  position: static;
}
.path-banque-sons table tbody tr td:nth-child(3) {
  position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_subtuyo table thead tr th:nth-child(3) {
    position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_subtuyo table tbody tr td:nth-child(3) {
  position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_orgue table thead tr th:nth-child(3) {
    position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_orgue table tbody tr td:nth-child(3) {
  position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_airsolo table thead tr th:nth-child(3) {
    position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_airsolo table tbody tr td:nth-child(3) {
  position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_bol table thead tr th:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_pipe table thead tr th:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_membranes_vibrantes table thead tr th:nth-child(3) {
    position: static;
}
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_bol table tbody tr td:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_pipe table tbody tr td:nth-child(3),
.path-banque-sons #block-contenudelapageprincipale .view-id-sons_membranes_vibrantes table tbody tr td:nth-child(3) {
  position: static;
}
.path-banque-sons .flow-control {
   overflow: scroll;
   height: auto;
 }
 .path-banque-sons .view-fichiers-a-telecharger table thead tr:nth-of-type(1) {
  display: table-row;
}
}

.view-id-sons.view-display-id-page_1 .comment {
    margin: 0 0 0 0;
    position: relative;
    padding: 0;
    background-color: #efefef;
    border-radius: 0px;
}

.view-id-sons.view-display-id-page_1 .comment .field--name-field-notes {
  padding: 30px;
}

.view-id-sons.view-display-id-page_1 .comment .comment__meta {
  margin-bottom: 0;
}

.view-id-sons.view-display-id-page_1 h5.field__label {
  margin: 0;
}

.flag.flag-bookmark a,
.flag a {
  font-weight: bold;
}

.flag-rating-items:hover li.flag-rating-item .flag-rating-icon__icon svg .fa-primary {
  color: gold;
  display: block;
  fill:gold;
}


.flag-rating-items li.flag-rating-item .flag-rating-icon__icon svg {
  color: gold;
}

.flag-rating-items li.flag-rating-item .flag-rating-icon__icon svg .fa-primary {
  display: none;
}

.flag-rating-items li.flag-rating-item .flag-rating-icon__icon svg .fa-secondary {
  opacity: 1;
  fill: gold;
}

.flag-rating-items li.flag-rating-item:hover .flag-rating-icon__icon svg .fa-primary,
.flag-rating-items li.flag-rating-item .is-active .flag-rating-icon__icon svg .fa-primary {
  display: block;
  fill: gold;
}

.flag-rating-items li.flag-rating-item:hover ~ li.flag-rating-item .flag-rating-icon__icon svg .fa-primary {
  display: none;
}

ul.flag-rating-items {
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
}

.flag-rating-items li.flag-rating-item:nth-child(2) a.is-active ~ a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}

ul.flag-rating-items:hover .flag-rating-erase ~ li.flag-rating-item svg .fa-primary {
  display: none;
}

.link-unflag {
  display: none;
}

.views-field-field-score p {
  display: none;
}


/* Comments */

article.comment ~ details {
  display: none;
}

.path-banque-sons table .view-commentaires-sons details > summary {
  text-align: left !important;
}

.path-banque-sons table .view-commentaires-sons details > .details-wrapper {
  padding-top: 0;
}

.path-banque-sons table article.comment {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.path-banque-sons table article.comment details {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

/* Affichage alternatif */

#views-exposed-form-sons-subtuyo-page-2 #edit-container-root {
  display: flex;
  flex-wrap: wrap;
}

#views-exposed-form-sons-subtuyo-page-2 #edit-container-root > details {
  flex-basis: 50%;
}

#views-exposed-form-sons-subtuyo-page-2 #edit-container-root > details:last-of-type {
  flex-basis: 100%
}

#views-exposed-form-sons-subtuyo-page-2 #edit-container-root > details > summary {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}

#views-exposed-form-sons-subtuyo-page-2 #edit-container-root fieldset legend {
  font-size: 16px; 
  text-transform: none;
}

#views-bootstrap-sons-subtuyo-page-2 .line-box {
  background-color: #f5f5f5;
  padding: 12px;
  margin-bottom: 24px;
}

#views-bootstrap-sons-subtuyo-page-2 .line-box > .row > div:nth-child(1) > div,
#views-bootstrap-sons-subtuyo-page-2 .line-box > .row > div:nth-child(2) > div {
  border-bottom: 1px solid #b8b8b8;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

#views-bootstrap-sons-subtuyo-page-2 .line-box h5 {
  margin: 0;
  text-align: right;
}

#views-bootstrap-sons-subtuyo-page-2 .line-box .mejs__container {
  margin-left: 0;
  margin-right: 0;
}

/* Player */

.path-banque-sons table .file-download {
  display: none;
}

.mediaelementjs label,
.mediaelementjs .mejs__duration-container,
.mediaelementjs .mejs__volume-button,
.mediaelementjs .mejs__horizontal-volume-slider {
  display: none;
}

.mejs__controls:not([style*="display: none"]) {
    background: rgba(255,0,0,.7);
    background: -webkit-linear-gradient(transparent,rgba(0,0,0,.15));
    background: linear-gradient(transparent,rgba(0,0,0,.15));
}
.mejs__container {
    background: transparent;
    margin-top: 4px;
    margin-left: auto;
    margin-right: auto;
}

.mediaelementjs .mejs__controls {
    height: 20px;
    padding: 0 10px;
}

.mejs__button > button {

    margin: 0px 6px;
    filter: brightness(10%);

}

.mejs__button, .mejs__time, .mejs__time-rail {
    font-size: 10px;
    height: 20px;
    line-height: 10px;

}

.mejs__time {
    font-size: 10px;
    height: 14px;
    padding: 5px 6px 0;
    color:#000;
}

.mejs__time-rail {

    height: 20px;
    margin: 0 10px;
    padding-top: 6px;

}

.mejs__time-total {
    background: hsla(0,100%,0%,.3);
    margin: 0;
    }
    
.mejs__time-loaded {
    background: hsla(0,100%,0%,.3);
}

.mejs__time-current, .mejs__time-handle-content {
    background: hsla(0,100%,0%,.9);
}

.mejs__time-hovered {
    background: hsla(0,100%,0%,.5);
}

.mejs__time-handle-content {
    border: 4px solid hsla(0,100%,0%,.9);
    left: -7px;
    top: -5px;
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {

    height: 8px;
}

/*.mejs__time-float {
  display: none !important;
}*/

.page-node-2230 .mejs__container {
  width: 250px !important;
  min-width: 250px !important;
  margin-left: 0;
  margin-right: 0;
}

/*** Concours Totem ***/

@media(max-width:991px) {
#block-informationconcourstotemelectroacoustique .nav-tabs a.nav-link {
    margin: 0 10px 0 0;
  }
}

@media(max-width:575px) {
  .page-node-2219 .banner__section h1.page-title, .page-node-2219 h1,
  .page-node-2222 .banner__section h1.page-title, .page-node-2222 h1,
  .page-node-2271 .banner__section h1.page-title, .page-node-2271 h1 {
    font-size: 48px;
  }
  #block-informationconcourstotemelectroacoustique .nav-tabs a.nav-link {
    margin: 0 5px 0 0;
  }
}

/* Démo */

.fancy-bottom-right.fancy-block-text {
    margin-right: 0px;
}

.col-12 #block-tabledebabelbanque-2 h2.title {
  margin-bottom: 30px;
}

@media(max-width:991px) {
  .fancy-top-left.fancy-block-text {
    padding-right: 100px;
}
.fancy-block-image.fancy-top-middle {
  padding-top: 30px;
}
.fancy-bottom-right {
    bottom: -30px;
    right: 0;
}
}

@media(max-width: 767px) {
  .fancy-top-left.fancy-block-text {
    padding-right: 30px;
}
.fancy-block-image.fancy-top-middle {
  padding-top: 0px;
  float: none;
  margin-top: -15px;
  margin-bottom: -75px;
  margin-left: 30px;
}
.fancy-bottom-right {
  position: relative;
  z-index: -1;
}
}

/* Info concours */

#block-informationgenerale p img {
  margin-right: 15px;
}

#block-informationgenerale .row.logos > div {
  max-width: 215px;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

#block-informationgenerale .row.logos > div img {
  max-height: 85px;
  width: auto;
  padding: 0 10px;
}

@media(max-width:991px) {
#block-concoursbanquesons .nav-tabs a.nav-link {
    margin: 0 10px 0 0;
  }
}

@media(max-width:575px) {

  #block-concoursbanquesons .nav-tabs a.nav-link {
    margin: 0 5px 0 0;
  }
}

/* Finalistes */

.block .field--name-field-candidature > .field__item {
  padding-bottom: 48px;
}

.paragraph--type--finaliste .right .field--name-field-compositeur .field--name-field-photo {
  display: none;
}

.page-node-2449 h2.title {
  margin-bottom: 20px;
}

.paragraph--type--finaliste .left .field--name-field-compositeur h3 {
  display: none;
}

.paragraph--type--finaliste h3 {
  margin-top: 0;
}

.paragraph--type--finaliste .field--name-field-oeuvre-soumise {
  padding-top: 18px;
  font-size: 18px;
}

.paragraph--type--finaliste .field--name-field-fichier-audio {
  width: fit-content;
  margin-top: 24px;
}

.page-node-2449 .mejs__container {
  margin-left: 0;
  margin-right: 0;
  width: 250px !important;
  min-width: 250px !important;
}

.col-12 #block-prixtotemelectroacoustique.block,
.col-12 #block-prixtotemelectroacoustique2.block {
  padding-bottom: 0;
}

@media(max-width:767px) {
  .paragraph--type--finaliste .right .field--name-field-compositeur h3 {
  display: none;
}

.paragraph--type--finaliste .left .field--name-field-compositeur h3 {
  display: block;
  margin-bottom: 18px;
}
}

/*Accueil banque-sons */

.page-node-2221 #banner {
  padding-bottom: 0;
}

.page-node-2221 h3 {
  margin-top: 0;
}

/* Les instruments */

.page-node-2229 .header__container {
    padding: 0px 0;
}

.page-node-2229.fixed-header-enabled.onscroll .header__container {
    padding: 0px 0;
}

/* Description des sons */

#block-nomenclature table tr th {
    border-color: #000;;
}

#block-nomenclature .mobile-help {
  display: none;
}

@media(max-width:991px) {
#block-criteresdedescription .nav-tabs a.nav-link {
    margin: 0 10px 0 0;
  }
  #block-criteresdedescription .nav-tabs .nav-item {
    flex-basis: 50%;
  }
}

@media(max-width: 767px) {
  #block-nomenclature {
    overflow-x: scroll;
  }
  #block-nomenclature table tr th {
    font-size: 12px;
  }
  #block-nomenclature table tr td {
    font-size: 10px;
  }
}

@media(max-width:575px) {
  /*#block-criteresdedescription .nav-tabs .nav-item {
    height: 60px;
  }*/
  #block-criteresdedescription .nav-tabs .nav-item:nth-child(1) a.nav-link,
  #block-criteresdedescription .nav-tabs .nav-item:nth-child(4) a.nav-link {
    padding-top: 29px;
  }
  #block-criteresdedescription .nav-tabs a.nav-link {
    margin: 0 5px 0 0;
  }
  #block-nomenclature .mobile-help {
  display: block;
}
}

/* Fonctionnement des tableaux */

.page-node-2222 a.mt-button.style-2 {
  color: white;
}

.page-node-2222 a.mt-button.style-2:hover {
  color: black;
}

/* Formulaire d'inscription */

select.country,
input.address-line1,
input.address-line2,
input.locality,
select.locality,
input.postal-code,
input.sorting-code,
select.administrative-area,
input.administrative-area,
input.dependent-locality,
input.code_exon,
input.form-tel,
input.form-email,
input.password-field,
input.password-confirm {
  width:auto;
  max-width: 100%;
}

.username_webform {
  text-transform: lowercase;
}

#edit-liens-web .webform-multiple-add {
  display: none;
}

/* Profil des concurrents */

form.webform-submission-soumissions-finales-form,
form.webform-submission-soumissions-finales-2024-form {
  padding: 16px;
  border: 1px solid #000;
}

form.webform-submission-soumissions-finales-form input.form-file,
form.webform-submission-soumissions-finales-2024-form input.form-file {
  width: 512px;
}

form.webform-submission-soumissions-finales-form .etiquette,
form.webform-submission-soumissions-finales-2024-form .etiquette {
  font-size: 20px;
  font-weight: bold;
}

form.webform-submission-soumissions-finales-form div.webform-element-description,
form.webform-submission-soumissions-finales-2024-form div.webform-element-description {
  font-size: 18px;
  margin-bottom: 18px;
}

form.webform-submission-soumissions-finales-form .form-actions,
form.webform-submission-soumissions-finales-2024-form .form-actions {
  margin-top: 36px;
}

/* Formulaire d'évaluation des soumissions */

.webform-submission-eval-candid-form input.form-number,
.webform-submission-evaluation-2e-ronde-form input.form-number {
  max-width: 100%;
  width: auto;
}

.webform-submission-evaluation-2e-ronde-form input.form-text {
  max-width: 100%;
  width: auto;
}

.webform-submission-eval-candid-form fieldset legend,
.webform-submission-evaluation-2e-ronde-form fieldset legend {
  font-size: 18px;
  font-weight: bold;
}

.node--type-soumission .field--name-field-fichier,
.node--type-soumission .field--name-dynamic-block-fieldnode-echelle-evaluation {
  margin-top: 38px;
}

.node--type-soumission .field--name-dynamic-block-fieldnode-echelle-evaluation table tr td {
  font-size: 16px;
}

.view-tableau-des-soumissions .views-field-view-node a {
  font-size: 16px;
}

.view-resultats-1ere-evaluation .form-item-no-de-la-soumission {
  font-weight: bold;
  font-size: 22px;
}

.view-resultats-1ere-evaluation #evaluation_2e_ronde_2024--note_globale,
.view-resultats-1ere-evaluation #evaluation_2e_ronde_2024--note_globale .form-item-calcul-de-la-note-globale {
  font-weight: bold;
}
/* prix du public */

.paragraph--type--fichiers-sonores-publica .field--name-field-titre-de-la-piece {
  padding-bottom: 6px;
  font-weight: bold;
}

.paragraph--type--fichiers-sonores-publica .audiofield-player label {
  display: none;
}

.node--type-prix-du-public .paragraph--type--fichiers-sonores-publica {
  margin-bottom: 12px;
}

.webform-submission-prix-du-public-form input.form-text,
.webform-submission-prix-du-public-live-form input.form-text {
  max-width: 100%;
  width: auto;
}

.page-node-2431 #banner {
  padding-bottom: 0;
}

.node--type-prix-du-public .field--name-field-oeuvres-finalistes {
  margin-top: 20px;
}

.node--type-prix-du-public .bs-region--top {
  margin-bottom: 24px;
}

.node--type-prix-du-public .mejs__container {
  margin-left: 0;
  margin-right: 0;
  width: 250px !important;
  min-width: 250px !important;
}

.page-node-2453 span.addtoany_list {
  display: none;
}

table tfoot tr td {
  font-weight: bold;
}

/* Login */

input#edit-pass {
  width: auto;
  max-width: 100%;
}

/* Checkout */

/*
.path-checkout .messages--status {
  display: none;
}
*/

/* Colorbox */

#cboxOverlay {
  background: #fff;
}

#cboxContent {
  background: #000;
}

/* Tutoriels */

.page-node-type-landing-page-tutoriels #block-minimalplus-content .row {
  justify-content: center;
}

.page-node-type-landing-page-tutoriels #block-minimalplus-content .field--name-field-media-oembed-video-1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}


.page-node-type-landing-page-tutoriels #block-minimalplus-content .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.node--type-tutoriel.node--view-mode-full h3 {
  /*background-color: black;
  padding: 5px 0 10px 10px;*/
  margin-bottom: 20px;
}

.paragraph--type--section-tutoriels.paragraph--view-mode--default {
  border-top: solid 1px black;
}

.node--type-tutoriel.node--view-mode-full h3 a {
  color: black;
}

.node--type-tutoriel.node--view-mode-full h3 a:hover,
.node--type-tutoriel.node--view-mode-full h3 a:focus {
  text-decoration: none;
  color: black;
}

.node--type-tutoriel.node--view-mode-full h3 a.collapsed svg {
  transform: rotate(0deg);
  transition: linear;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.node--type-tutoriel.node--view-mode-full h3 a svg {
  transform: rotate(90deg);
  transition: linear;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.node--type-tutoriel.node--view-mode-full .remote-video-colorbox-launch-modal,
.node--type-tutoriel.node--view-mode-full .colorbox-media-video {
  position: relative;
  cursor: pointer;
}

.node--type-tutoriel.node--view-mode-full .remote-video-colorbox-launch-modal:after,
.node--type-tutoriel.node--view-mode-full .colorbox-media-video:after {
  position: absolute;
  content: "\f04b";
  /*background-color: rgb(238,123,48,0.8);*/
  background-color: rgb(0,0,0,0.8);
  font-family: "Font Awesome 5 Free";
  font-size: 42px;
  font-weight: 900;
  color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.node--type-tutoriel.node--view-mode-full .remote-video-colorbox-launch-modal:hover:after,
.node--type-tutoriel.node--view-mode-full .colorbox-media-video:hover:after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.node--type-tutoriel.node--view-mode-full .field--name-field-video-tutoriel h5 {
  font-size: 16px;
}

.media--type-video-tutoriel .field--name-field-media-oembed-video-1 > iframe {
  margin-left: auto;
  margin-right: auto;
}

.page-node-type-tutoriel #cboxContent {
  margin-bottom: 50px;
}

.page-node-type-tutoriel #cboxTitle {
  height: 60px;
  padding-right: 155px;
}

.page-node-type-tutoriel #cboxCurrent {
  bottom: -42px;
}

.page-node-type-tutoriel #cboxPrevious {
  bottom: -38px;
}

.page-node-type-tutoriel #cboxNext {
  bottom: -38px;
}

#colorbox {
  background: #fff;
}

@media(max-width:767px) {
  #cboxLoadedContent > iframe {
    height: 250px !important;
  }
}

/* Totem numérique */

/*.page-node-type-video #block-minimalplus-content .field--name-field-media-oembed-video,*/
#block-views-block-listes-videos-block-2 .field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.page-node-type-video #block-minimalplus-content .media-oembed-content,
#block-views-block-listes-videos-block-2 .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

iframe.media-oembed-content {
  border: none;
}


/* Listes de vidéos */

#block-views-block-listes-videos-block-2 #views-bootstrap-listes-videos-block-2 > .row {
  justify-content: center;
}

#block-views-block-listes-videos-block-1 h4,
#block-views-block-listes-videos-block-3 h4,
#block-views-block-listes-videos-block-4 h4,
#block-views-block-listes-videos-block-5 h4,
#block-views-block-listes-videos-block-6 h4 {
  margin: 6px 0 2px 0;
  font-size: 18px;
}

#block-views-block-listes-videos-block-1 .views-field-view-node,
#block-views-block-listes-videos-block-3 .views-field-view-node {
  height: 46px;
}

#block-views-block-listes-videos-block-1 .views-field-view-node a,
#block-views-block-listes-videos-block-3 .views-field-view-node a {
  position: absolute;
  bottom: 30px;
  left: 15px;
}

#block-views-block-listes-videos-block-1 p:last-child,
#block-views-block-listes-videos-block-3 p:last-child,
#block-views-block-listes-videos-block-4 p:last-child {
  padding-bottom: 0;
}

#block-categoriesvideos h2 {
  color: black !important;
  padding-bottom: 24px;
}

#block-categoriesvideos h2:before {
  content: none;
}

#block-categoriesvideos a.mt-button {
  color: white !important;
  margin-bottom: 18px;
}

#block-categoriesvideos a.mt-button:hover,
#block-categoriesvideos a.mt-button:focus {
  color: black !important;
}

.page-node-type-video .featured-top__section,
.page-node-type-liste-de-videos .featured-top__section {
  padding: 0px 0 40px;
}

.media--type-remote-video.media--view-mode-fea .remote-video-colorbox-launch-modal,
.media--type-remote-video.media--view-mode-fea .colorbox-media-video {
  position: relative;
  cursor: pointer;
}

.media--type-remote-video.media--view-mode-fea .remote-video-colorbox-launch-modal:after,
.media--type-remote-video.media--view-mode-fea .colorbox-media-video:after {
  position: absolute;
  content: "\f04b";
  /*background-color: rgb(238,123,48,0.8);*/
  background-color: rgb(0,0,0,0.8);
  font-family: "Font Awesome 5 Free";
  font-size: 42px;
  font-weight: 900;
  color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.media--type-remote-video.media--view-mode-fea .remote-video-colorbox-launch-modal:hover:after,
.media--type-remote-video.media--view-mode-fea .colorbox-media-video:hover:after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}


.colorbox-media-video img {
  width:100%;
}

@media(max-width: 575px) {
  #block-categoriesvideos a.mt-button {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}

/* pages individuelles */

h5.field-group-label a:hover,
h5.field-group-label a:focus {
  color: black !important;
  text-decoration: none;
}

h5.field-group-label a.collapsed svg {
  transform: rotate(0deg);
  transition: linear;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

h5.field-group-label a svg {
  transform: rotate(90deg);
  transition: linear;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  transition-delay: 0s;
}

.node--type-video.node--view-mode-teaser .remote-video-colorbox-launch-modal,
.node--type-video.node--view-mode-teaser .colorbox-media-video {
  position: relative;
  cursor: pointer;
}

.node--type-video.node--view-mode-teaser .remote-video-colorbox-launch-modal:after,
.node--type-video.node--view-mode-teaser .colorbox-media-video:after {
  position: absolute;
  content: "\f04b";
  /*background-color: rgb(238,123,48,0.8);*/
  background-color: rgb(0,0,0,0.8);
  font-family: "Font Awesome 5 Free";
  font-size: 42px;
  font-weight: 900;
  color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  justify-content: center;
  align-content: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  max-width: 640px;
}

.node--type-video.node--view-mode-teaser .remote-video-colorbox-launch-modal:hover:after,
.node--type-video.node--view-mode-teaser .colorbox-media-video:hover:after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

/* Post Mortem Concours 2022 */

.webform-submission-post-mortem-candidats-form label,
.webform-submission-post-mortem-candidats-form fieldset.webform-type-radios legend {
  font-size: 18px;
  margin-top: 32px;
}

.webform-submission-post-mortem-candidats-form .webform-section-title {
  margin-top: 48px;
}

.webform-submission-post-mortem-candidats-form .webform-section-wrapper {
  padding: 0 24px;
}

.webform-submission-post-mortem-candidats-form .webform-section-title {
  margin-top: 48px;
}


.webform-submission-post-mortem-jury-form label,
.webform-submission-post-mortem-jury-form fieldset.webform-type-radios legend {
  font-size: 18px;
  margin-top: 32px;
}

.webform-submission-post-mortem-jury-form .webform-section-title {
  margin-top: 48px;
}

.webform-submission-post-mortem-jury-form  {
  padding: 0 24px;
}

/* Soutenir */

#block-fondstotem {
  padding-bottom: 0 !important;
}

/* Bannière acceptation cookies */

#cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1rem;
  --btn-font-color: #fff;
  --btn-border-color: #fff;
  --btn-bg-color: #000000;
  --btn-prime-font-color: #000000;
  --btn-prime-border-color: #fff;
  --btn-prime-bg-color: #fff;
  --btn-inv-font-color: #000000;
  --btn-inv-border-color: #000000;
  --btn-inv-bg-color: #fff;
  --btn-prime-inv-font-color: #fff;
  --btn-prime-inv-border-color: #000000;
  --btn-prime-inv-bg-color: #000000;
  --link-list-font-color: #fff;
  --link-list-separator-color: #fff;
  --banner-logo-offset: 100px;
  --banner-bg-color: #000000;
  --banner-font-color: #fff;
  --layer-header-height: 3.5em;
  --layer-header-bg-color: #fff;
  --layer-header-font-color: #000f37;
  --layer-body-bg-color: #fff;
  --layer-tab-bg-color: #fff;
  --layer-tab-font-color: #000f37;
  --layer-tab-active-bg-color: #000000;
  --layer-tab-active-font-color: #fff;
  --layer-bg-dark: #000000;
  --layer-font-light: #fff;
  --layer-font-dark: #000f37;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #fff;
  --layer-footer-font-color: #000f37;
  --layer-footer-height: 4.5em;
  --switch-border-color: #e4e5e6;
  --switch-handle-color: #fff;
  --switch-bg-off: #fff;
  --switch-bg-on: #0a0;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #0a0;
  --switch-always-on-bg-color: #fff;
}

/* .cookiesjsr-banner {
    Flex-wrap:wrap;
}
.cookiesjsr-banner--info,
.cookiesjsr-banner--action {
  Width:100%;
}
.cookiesjsr-banner--action {
  Justify-content:center;
}
.cookiesjsr-banner--action > button {
  Flex-basis:25%;
} */

/* Espace Totem */


.field--name-field-galerie .field__item {
    float: left;
    padding: 0;
    margin: 2% 2% 0 0;
    max-width: 23.5%;
}

.field--name-field-galerie .field__item:nth-child(5n) {
    margin-right: 2%;
}

.field--name-field-galerie .field__item:nth-child(4n) {
    margin-right: 0px;
}

.field--name-field-galerie .field__item img {
  border: solid 1px black;
}


@media(max-width:1199px) {

}



@media(max-width:767px) {

  .field--name-field-galerie .field__item {
    float: left;
    padding: 0;
    margin: 2% 2% 0 0;
    max-width: 49%;
  }
  .field--name-field-galerie .field__item:nth-child(3n) {
    margin-right: 2%;
  }
  .field--name-field-galerie .field__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media(max-width:575px) {

}

/* Page des ateliers */

#block-demonstrations h3 {
  margin: 10px 0 40px 0;
}

/* Page de JF */

.page-node-281 .field--name-field-site-web, 
.page-node-281 .block-views-blockprojets-par-artiste-block-1 {
  display: none;
}

.page-node-281 #block-minimalplus-content h3 {
  margin-top: 0;
}