/*
rose : #5ac4be
jaune : #f6f00c

*/

@font-face {
  font-family: 'steelfishregular';
  src: url('../fonts/steelfish_rg-webfont.woff2') format('woff2'),
       url('../fonts/steelfish_rg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* LAYOUT */
body {
	background:#FFF;
	color:#000;
	font:400 13px/16px 'proxima-nova', Arial, Helvetica, sans-serif;
	position:relative;
}
header.trente-ans{
	background:url("../images/saison25-26.jpg") center center /cover no-repeat;
	height:225px;
	margin-left:-15px;
	display: flex;
    justify-content: end;
	flex-direction:column;
}
.social-media-header{
	display: flex;
}
.d-none{
	display:none;
}
.hide-main-title header h1 {
  visibility:hidden;
}

.comment-se-rendre{
    position: absolute;
    left: 15px;
    top: -3px;
    z-index: 12;
    display: block;
    background-size: contain;
    width: 200px;
    cursor: pointer;
    padding: 10px;
    background: #99cc33;
    color: #26247b;
    text-transform: uppercase;
    font-size: 26px;
    font-family: 'steelfishregular';
    text-decoration: none;
    border-radius: 200px;
    text-align: center;
}
.loi-25-alert{
	display: none;
	padding: 15px 0;
	background-color: #26247b;
	position: fixed;
	bottom:0;
	left: 0;
	width:100%;
	z-index: 100;
}
.loi-25-alert .content-wrapper{
	color:#99cc33;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 5px;
	padding: 0px 10px;
}
.loi-25-alert .btn-wrapper button{
	display: block;
	cursor: pointer;
	padding: 10px 30px;
	margin-left: auto;
	border: 1px solid transparent;
	border-radius: 4rem;
	background: #99cc33;
	color: #26247b;
	text-transform: uppercase;
	font-size: 26px;
	font-family: 'steelfishregular';
	text-decoration: none;
	text-align: center;
	transform: translateX(-40%);
}
.loi-25-alert .btn-wrapper button:hover{
	color:#FFF;
}
section.policies ol:first-of-type{list-style:none;margin:0;padding:0}section.policies ol:first-of-type li{margin-bottom:1rem}section.policies ol:first-of-type li:last-of-type{margin-bottom:0}section.policies ol:first-of-type li div.policy h3{font-weight:700}section.policies ol:first-of-type li div.policy p{margin:15px 5px}section.policies ol:first-of-type li div.policy p:first-of-type{margin-top:0}section.policies ol:first-of-type li div.policy ol{list-style:none;margin:0;padding:0;padding-left:15px}section.policies ol:first-of-type li div.policy ol li{margin-bottom:1rem}section.policies ol:first-of-type li div.policy ol li:last-of-type{margin-bottom:0}section.policies ol:first-of-type li div.policy ol li div.sub-policy h4{font-weight:700;margin-bottom:7.5px}section.policies ol:first-of-type li div.policy ol li div.sub-policy ul{list-style:disc !important;padding:0;padding-left:15px}section.policies ol:first-of-type li div.policy ol li div.sub-policy ul li{margin-bottom:.75rem}section.policies ol:first-of-type li div.policy ol li div.sub-policy ul li:last-of-type{margin-bottom:0}
@media only screen and (max-width: 992px) {
	.loi-25-alert .btn-wrapper button{
		margin-right: auto;
		transform: translateX(0%);
	}
  }
a.comment-se-rendre:hover, a.comment-se-rendre:focus{color:#fff!important}
@media only screen and (max-width: 992px) {
	header.trente-ans{
		margin: 0 -20px;
	}

	.comment-se-rendre{
		position: relative;
		left: auto;
		top: auto;
		display: inline-block;
		margin:0 auto 20px;
	}
}
@media only screen and (max-width: 820px) {
	.comment-se-rendre{
		margin-bottom:5px;
	}
}
@media only screen and (max-width: 992px) {
  .container {
    width: 100%;
  }

  [class*='col-'] {
    padding-bottom:20px;
  }
}

#sidebar {
  overflow:hidden;
  padding:0 15px 0 0;
}

  @media only screen and (max-width: 992px) {
    #sidebar {
      overflow:visible;
      padding-right:0;
    }
  }

  #sidebar .background {
    background: linear-gradient(#26247b, #6dcff6);
    padding-bottom: 100px;
  }

  @media only screen and (max-width: 992px) {
    #sidebar .background {
      padding-bottom:0;
    }
  }

  #logo {
    display:block;
    margin:0 auto;
    padding: 35px 0;
    text-align: center;
  }
    #logo img {
      height: auto;
      max-width:142px;
    }

    @media only screen and (max-width: 992px) {
      #logo {
        padding: 20px 0;
      }
    }

  #main-navigation,
  #mm-main-navigation,
  #bt-hamburger,
  #tickets,
  #prizes,
  #social,
  #buy-online-container,
  #mobile-buy-online-container {
    display:none;
  }

  @media only screen and (min-width: 993px) {
    #main-navigation {
      display:block;
    }

    #main-navigation ul {
        list-style:none;
        margin:0;
        padding:0;
      }

      #main-navigation > ul > li {
        position:relative;
        border-bottom:1px solid rgba(80,128,190,0.5);
        background:none;
      }

      #main-navigation ul li a {
        display:block;
        padding:10px 10px 7px 10px;
        color:#fff;
        text-decoration:none;
        text-transform:uppercase;
      }

        .no-touchevents #main-navigation > ul > li > a:hover,
        #main-navigation > ul > li.active > a,
        #main-navigation > ul > li.active.expanded > a,
        .no-touchevents #main-navigation > ul > li.expanded > a:hover {
          color:#fff;
          padding-left:25px;
          background:url(../images/bg-nav-item.png?v=201908) no-repeat 10px center;
        }

        #main-navigation ul li.expanded a { background:none; }

      #main-navigation ul li ul.subnav {
        display:none;
        background:none;
        padding:10px 0 10px 25px;
      }

        #main-navigation ul li.active ul.subnav,
        #main-navigation ul li.expanded ul.subnav {
          display:block;
          padding-right:10px
        }

        #main-navigation ul li ul.subnav li {
          margin:0 0 4px;
        }

          #main-navigation ul li ul.subnav li span.header {
            border-bottom:1px solid #ffffff;
            border-top:1px solid #ffffff;
            color:#99cc33;
            display:block;
            font-weight:600;
            margin:15px -10px 10px -10px;
            padding:5px 0;
            text-indent:10px;
            text-transform:uppercase;
          }

          #main-navigation ul li ul.subnav li a {
            background:none;
            color:#fff;
            padding:0px;
          }

            .no-touchevents #main-navigation ul li ul.subnav li a:hover,
            #main-navigation ul li ul.subnav li a.active {
              color:#99cc33;
            }

            #main-navigation ul li ul.subnav li a.star,
            #mm-main-navigation li a.star {
              color:#393638;
              font-weight: bold;
              font-size: 14px;
              line-height: 150%;
              position: relative;
            }

            #main-navigation ul li ul.subnav li a.star:before,
            #mm-main-navigation li a.star:before {
              background: url("../images/icon-star.png") no-repeat 0 center;
              background-size: cover;
              content: "";
              display: block;
              height: 13px;
              left: -17px;
              position: absolute;
              top: 3px;
              width: 13px;
            }

            #main-navigation ul li ul.subnav li a.star.black,
            #mm-main-navigation li a.star.black  {
              color:#000!important;
            }

              #main-navigation ul li ul.subnav li a.star.black:before,
              #mm-main-navigation li a.star.black:before  {
                background-image: url("../images/icon-star-black.png");
              }

    #tickets {
      display:block;
      margin:27px 0 0;
      color:#393638;
    }

      #tickets span {
        display:block;
        /*background:#99cc33; */
        text-align:center;
        text-transform:uppercase;
		font-family:'steelfishregular';
        font-size:28px;
        font-weight:200;
        line-height:28px;
        margin:0 0 6px;
        padding:3px 10px;
		color:#26247b;
		position: relative;
		z-index: 1;
      }
	  #tickets span::after{
		  content: "";
		  left: 25%;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  background: #99cc33;
		  z-index: -1;
		  position: absolute;
	  }
	  #tickets span:last-of-type::after{
		  content: "";
		  left: 0;
		  top: 0;
		  right: 23%;
		  bottom: 0;
		  background: #99cc33;
		  z-index: -1;
		  position: absolute;
	  }

    #prizes {
      display: block;
    }

      #prizes img {
        height: auto;
        max-width: 100%;
      }

    #social {
      display: flex;
		background: transparent;
		padding: 10px 20px 10px 0;
    margin-left: auto;
    justify-content: end;
    width: 47%;
		margin-right: 8px;
    }

      #social iframe { float:right; margin:2px 0 0; }

      .bt-facebook,
      .bt-instagram,
      .bt-youtube {
        display:block;
        background-repeat: no-repeat;
        background-position: center;
		background-size: contain;
        width:21px;
        height:21px;
        text-indent:-9999em;
        float:right;
        margin-left:10px;
      }

      .bt-facebook {
        background-image:url(../images/icon-facebook.png?v=20200720);
      }

      .bt-youtube {
        background-image:url(../images/icon-youtube.png?v=20200720);
      }

      .bt-instagram {
        background-image:url(../images/icon-instagram.png?v=20200720);
      }

      .bt-newsletter {
        background: url(../images/icon-newsletter.png?v=20200720) no-repeat 15px center;
        background-size: 20px;
        border-left: 1px solid #fff;
        font-size: 11px;
        margin-left: 15px;
        padding-left: 45px;
        text-decoration: none;
        text-transform: uppercase;
		display: flex;
		align-items: center;
      	color: #fff;
	  }

/*
      .no-touchevents .bt-newsletter:hover {
        color: #26247b;
      }
*/

    #buy-online-container {
      display:block;
      position:absolute;
      top:0;
      right:-3px;
      z-index:100;
    }

      .bt-buy-online {
        margin-top: 14px;
		  margin-right: 10px;
        position:absolute;
        top:0;
        right:0;
        display:block;
        background:url(../images/bt-buy-online.png?v=201909) no-repeat 0 0;
        background-size:contain;
        width:185px;
        height:45px;
        text-indent:-9999em;
        cursor:pointer;
      }

      #buy-online-box {
        display:none;
        position:absolute;
        top:60px;
        right:-3px;
        z-index:100;
      }

      .no-touchevents #buy-online-container:hover #buy-online-box {
        display:block;
      }

      #buy-online-container .top {
        background:url(../images/bg-buy-online-top.png?v=201908) no-repeat left top;
        width:546px;
        height:24px;
      }

       #buy-online-container .content {
        background:url(../images/bg-buy-online.png?v=201908) repeat-y left bottom;
        padding:4px 23px 5px 23px;
       }

        #buy-online-container .content .column-left {
          width:184px;
          float:left;
        }

        #buy-online-container .content .column-right {
          width:275px;
          float:right;
        }


          #buy-online-container .content p,
          #buy-online-container .content h4 {
            font-size:10px;
            padding:0 15px;
            line-height:1.3em;
            margin-bottom:10px;
          }

            #buy-online-container .content .column-right p,
            #buy-online-container .content .column-right h4 {
              padding:0;
            }

            #buy-online-container .content h4 {
              font-weight:800;
              color:#26247b;
            }

              #buy-online-container .content .column-left h4 {
                margin-bottom:0;
              }

            #buy-online-container .content p.phone {
              font-weight:100;
              font-size:24px
            }

            #buy-online-container .content p.note {
              font-style:italic;
              margin:20px 0 0;
            }
  }


@media only screen and (max-width: 992px) {
  #mm-main-navigation.mm-menu_offcanvas.mm-menu_opened  {
    display: block;
  }

  #mobile-buy-online-container {
    background:#000000;
    display:block;
	  min-height: 55px;
    padding:10px 10px 10px 20px;
  }

  #mobile-buy-online-container .bt-buy-online {
    background: url('../images/logo-icone-ovation.png?v=201908') no-repeat left center;
    background-size:24px;
    color:#ffffff;
    display:inline-block;
    font-size: 13px;
    font-weight:700;
    height:35px;
    line-height:13px;
    padding-left: 35px;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
  }

    #mobile-buy-online-container .bt-buy-online span {
      border-left: 1px solid #262626;
      display:block;
      margin-top:5px;
      padding-left:10px;
    }

  #mobile-buy-online-container a.bt-facebook,
  #mobile-buy-online-container a.bt-instagram,
  #mobile-buy-online-container a.bt-youtube,
  #mobile-buy-online-container a.bt-newsletter {
    background:no-repeat center;
    background-size:24px;
    display:block;
    height:24px;
    position:absolute;
    text-indent:-9999em;
    top:15px;
    width:24px;
  }

  #mobile-buy-online-container a.bt-facebook {
    background-image:url(../images/icon-facebook-white.png?v=201908);
    right:75px;
  }

  #mobile-buy-online-container a.bt-instagram {
    background-image:url(../images/icon-instagram-white.png?v=201908);
    right:45px;
  }

  #mobile-buy-online-container a.bt-youtube {
    background-image:url(../images/icon-youtube-white.png?v=201908);
    right:105px;
  }

  #mobile-buy-online-container a.bt-newsletter {
    background-image:url(../images/icon-newsletter-white.png?v=201908);
    right:15px;
  }

  #bt-hamburger {
    display: block;
    outline: 0;
  }

    #bt-hamburger:focus,
    .no-touchevents #bt-hamburger:hover {
      outline: 0;
    }

  .mm-menu {
    background: #26247b;
    border-right: 2px solid #000000;
  }

  .mm-btn_next {
    width:100%!important;
  }

  .mm-listitem .mm-btn_next::before {
    border: 0;
  }

  .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color:#000000;
    text-transform:uppercase;
  }

  .mmenu-prizes {
    border-color: transparent;
  }

  .mmenu-prizes img {
    height: auto;
    max-width: 100%;
  }

  #mmenu-footer {
    background: #000000;
    color: #ffffff;
  }

    #mmenu-footer span {
      padding:0 5px;
    }

  .mm-menu a,
  .mm-listitem > a, .mm-listitem > span{
    color: #fff!important;
  }

  .mm-menu .mm-listview .mm-btn_next:after,
  .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgba(255,255,255, 0.5);
  }

  .hamburger {
      position: absolute;
      top: 90px;
      left: 10px;
      padding: 10px;
      background-color:transparent;
      border: 0;
      color: inherit;
      cursor: pointer;
      display: inline-block;
      font: inherit;
      margin: 0;
      overflow: visible;
      text-transform: none;
      z-index:100;
      transition-property: opacity, -webkit-filter;
      transition-property: opacity, filter;
      transition-property: opacity, filter, -webkit-filter;
      transition-duration: 0.15s;
      transition-timing-function: linear;
    }

    .no-touchevents .hamburger:hover {
      opacity: 0.7;
    }

    .hamburger-box {
      display: inline-block;
      height: 24px;
      position: relative;
      width: 30px;
    }

    .hamburger-inner {
      display: block;
      margin-top: -2px;
      top: 50%;
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
      width: 30px;
      height: 4px;
      background-color: #fff;
      border-radius: 4px;
      position: absolute;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      transition-duration: .5s;
      transition-timing-function: ease;
    }

    .hamburger-inner::before,
    .hamburger-inner::after {
      content: "";
      display: block;
    }

    .hamburger-inner::before {
      top: -10px;
    }

    .hamburger-inner::after {
      bottom: -10px;
    }

    /*
     * Slider
     */

    .hamburger--slider .hamburger-inner{
      top:2px
    }
    .hamburger--slider .hamburger-inner:before{
        top:10px;
        transition-timing-function:ease;
        transition-duration:.15s;
        transition-property:transform,opacity
    }
    .hamburger--slider .hamburger-inner:after{
        top:20px
    }
    .hamburger--slider.is-active .hamburger-inner{
        transform:translate3d(0,10px,0) rotate(45deg)
    }
    .hamburger--slider.is-active .hamburger-inner:before{
        transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);
        opacity:0
    }
    .hamburger--slider.is-active .hamburger-inner:after{
        transform:translate3d(0,-20px,0) rotate(-90deg)
    }
    .hamburger--slider-r .hamburger-inner{
        top:2px
    }
    .hamburger--slider-r .hamburger-inner:before{
        top:10px;
        transition-timing-function:ease;
        transition-duration:.15s;
        transition-property:transform,opacity
    }
    .hamburger--slider-r .hamburger-inner:after{
        top:20px
    }
    .hamburger--slider-r.is-active .hamburger-inner{
        transform:translate3d(0,10px,0) rotate(-45deg)
    }
    .hamburger--slider-r.is-active .hamburger-inner:before{
        transform:rotate(45deg) translate3d(5.71429px,-6px,0);
        opacity:0
    }
    .hamburger--slider-r.is-active .hamburger-inner:after{
        transform:translate3d(0,-20px,0) rotate(90deg)
    }
}

#content {
  padding:0 0 0 0;
}
  @media only screen and (max-width: 992px) {
    #content {
      padding-left: 20px;
      padding-right: 20px;
	  overflow:hidden;
    }
  }

  #content .row .row {
    margin-bottom: 20px;
  }

    #content .row .row:last-child {
      margin-bottom: 0;
    }

  @media only screen and (max-width: 992px) {
    #content .row .row {
      margin-bottom:0;
    }
  }

  #content ul {
    list-style:square outside;
    margin:0 0 15px 12px;
  }

    #content ul li {
      margin:0 0 5px;
    }

  #content img {
    height: auto;
    max-width: 100%;
  }

  header .row {
    position:relative;
    margin-bottom:0;
  }

  .bt-reseau-ovation,
  .bt-guide-pedagogique,
  .bt-reservation,
  .bt-visionner{
    display:inline-block;
    background:url(../images/bt-reseau-ovation.png?v=201908) no-repeat 0 0;
    width:184px;
    height:54px;
    text-indent:-9999em;
    margin-bottom:15px;
  }

  .bt-guide-pedagogique {
    background:url(../images/bt-guide-pedagogique.png?v=201908) no-repeat 0 0;
  }

  .bt-reservation {
    background:url(../images/bt-reservation.png?v=201908) no-repeat 0 0;
  }

  .bt-visionner {
    background:url(../images/bt-visionner.png?v=201908) no-repeat 0 0;
  }



#artists-container .row { /*margin-bottom:0;*/ }

.livestream {
  margin-bottom: 20px;
}

.show-description ul {
  list-style:square inside;
  margin:0 0 15px;
}

.show-description ul li {
  margin:0 0 5px;
}

.show-details-container {
  background: #26247b;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .show-content {
    display: flex;
    flex-direction: column;
  }

  .show-details-column {
    margin-bottom: 20px;
  }
}

.show-description h5 {
  margin-bottom: 0;
}

.show-description h5 a {
  color: #26247b;
  display: block;
  text-decoration: none;
}

  .show-description #reviews-container  {
    display: none;
  }

  .show-description #reviews-container h5 {
    border-bottom: 0;
    margin-bottom: 0;
  }

  .show-description #reviews-container.expanded h5 {
    border-bottom: 1px solid #26247b;
  }

  .show-description #reviews-container .reviews-content,
  .show-description #share-container .addthis_inline_share_toolbox {
    display: none;
    margin: 10px 0;
  }

  .show-description #reviews-container .btn-reviews {
    background: url("../images/icon-plus.png") no-repeat 95% center;
    background-size: 11px;
    padding-right: 20px;
  }

    .show-description #reviews-container.expanded .btn-reviews {
      background-image: url("../images/icon-minus.png");
    }

  .show-description #share-container .btn-share {
    background: url("../images/icon-share.png") no-repeat 95% center;
    background-size: 11px;
    padding-right: 20px;
  }

.artist-container {
  min-height:250px;
  overflow: hidden;
}

  .show-details p { color:#fff; display:block; }
  .show-details p:after { content:""; display:table; clear:both; }
  .show-details a { color:#fff; display:inline-block; text-decoration:none; cursor:pointer;}
  .show-details a.bt-reseau-ovation { position:relative; float:right; margin-top:-5px; margin-bottom:5px; background-image:url('../images/bt-buy-online.png?v=201908'); background-size: contain; width: 170px; height: 41px; display: block;}

  .show-details.new-date:after,
  .show-details.new-dates:after,
  .show-details.new:after,
  .show-details.complete:after,
  .show-details.alternative:after,
  .show-details.formule-debout:after {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100px 100px;
    content: "";
    display: inline-block;
    height: 100px;
    position: absolute;
    right: 25px;
    top: -72px;
    width: 100px;
    z-index: 1;
  }

  .show-details.new-date:after {
    background-image: url("../images/star-new-date-alternative-big.png");
  }

  .show-details.new-dates:after {
    background-image: url("../images/star-new-dates-alternative-big.png");
  }

  .show-details.new:after {
    background-image: url("../images/star-new-big.png");
  }

  .show-details.complete:after {
    background-image: url("../images/star-complete-big.png");
  }

  .show-details.alternative:after {
    background-image: url("../images/star-alternative.png");
  }

	.show-details.formule-debout:after {
		content: "Formule \A debout";
		white-space: pre-wrap;
		text-align: center;
		background: #99cc33;
		color: #26247b;
		width: auto;
		height: auto;
		text-transform: uppercase;
		padding: 15px;
		font-weight: 600;
		letter-spacing: 0.5px;
		right: 15px;
		top: 0;
		transform: translateY(-66%);
	}

  @media only screen and (max-width: 768px) {
    .show-details a.bt-reseau-ovation {
      background-position: center;
      margin-top: 15px;
      width: 100%;
    }

  }

  .show-details p.small { font-size:0.6em; font-style:italic;}
  .show-details p small.fees { font-size: 11px; font-style: italic; }

  .show-details-container img.clickable { cursor:pointer; }

  .show-details-container.bt-video .wrapper {
    cursor: pointer;
    position: relative;
  }

    .show-details-container.bt-video .wrapper:after {
      background: url(../images/bt-video.png?v=201908) no-repeat center;
      background-size:cover;
      content: "";
      cursor: pointer;
      height: 63px;
      bottom: 0;
      left: auto;
      right: 0;
      top: auto;
      position: absolute;
      width: 157px;
    }

    .show-details-container.bt-video.dark .wrapper:after {
      /*background-image: url(../images/bt-video-theme-color-2.jpg?v=201908);*/
    }

    .show-details-container.bt-video.top-left .wrapper:after {
      bottom: auto;
      right: auto;
      top: 0;
      left: 0;
    }

    .show-details-container.bt-video.top-center .wrapper:after {
      left: 50%;
      margin-left:-79px;
      bottom: auto;
      right: auto;
      top: 0;
    }

    .show-details-container.bt-video.top-right .wrapper:after {
      left: auto;
      right: 0;
      bottom: auto;
      top: 0;
    }

    .show-details-container.bt-video.center-left .wrapper:after {
      margin-top: -32px;
      bottom: auto;
      left: 0;
      right: auto;
      top: 50%;
    }

    .show-details-container.bt-video.center-center .wrapper:after,
    .show-details-container.bt-video.center .wrapper:after{
      left: 50%;
      margin-left:-79px;
      margin-top: -32px;
      top: 50%;
      bottom: auto;
      right: auto;
    }

    .show-details-container.bt-video.center-right .wrapper:after {
      left: auto;
      margin-top: -32px;
      top: 50%;
      bottom: auto;
    }

    .show-details-container.bt-video.bottom-left .wrapper:after {
      right: auto;
      left: 0;
    }

    .show-details-container.bt-video.bottom-center .wrapper:after {
      bottom: 0;
      left: 50%;
      margin-left:-79px;
      right: auto;
    }

    .show-details-container.bt-video.bottom-right .wrapper:after {
    }

.artist-container {
  margin:0 0 15px;
}

  .artist-container a {
    /*
    background-image: url(../images/show-details-container-background.png);
    background-repeat: no-repeat;
    background-position: 300% 100%;
    background-color: #16c1f3;
    */
    display:block;
    height:100%;
    text-decoration:none;
    border: 3px solid #99cc33;
  }

    .artist-container a img {
     /* -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
      /*filter: grayscale(100%);*/
      transition: all 0.5s ease;
		height: 103% !important;
		object-fit: cover

    }

    .artist-container.color a img {
      /*-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
      /*filter: grayscale(0%);*/
    }

	.artist-container:has(img + span) img{
	height: auto !important;
	}


    .no-touchevents .artist-container a:hover img {
      /*-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
      /*filter: grayscale(0%);*/
	  opacity: .5;
    }

  .show-details-container p strong {
    font-size:32px;
    line-height:32px;
	color: #99cc33;
  }

  .show-details-container > img,
  .artist-container img {
    display:block;
    width:calc(100% + 6px);
    max-width:calc(100% + 6px) !important;
	margin: -3px -3px 0;
    height:auto;
  }

    .show-details,
    .artist-details {
      position:relative;
      display:block;
      padding:10px;
      min-height:160px;
      height:auto!important;
      height:160px;
      color:#26247b;
      font-size:16px;
      line-height:20px;
	  border-top: 3px solid #99cc33;
    }

      .show-details {
        padding: 20px 20px 10px;
      }

      .show-details.extended {
        padding-bottom:60px;
      }

      .artist-details {
        min-height:75px;
        height:auto!important;
        height:75px;
        font-size:13px;
        line-height:16px;
        text-transform:uppercase;
      }

      .show-details strong,
      .artist-details strong {
		  color: #26247b;
		  font-weight: 600;
		  margin: 0 0 10px;
		  display: inline-block;
		  font-size: 15px;
		  line-height: 15px;
      }


        .artist-details.new-date:after,
        .artist-details.new-dates:after,
        .artist-details.new:after,
        .artist-details.complete:after,
        .artist-details.alternative:after{
          background-position: left top;
          background-repeat: no-repeat;
          background-size: 65px 65px;
          content: "";
          display: inline-block;
          height: 63px;
          position: absolute;
          right: 10px;
          top: -45px;
          width: 66px;
          z-index: 1;
        }

        .artist-details.new-date:after {
          background-image: url("../images/star-new-date.png");
        }

        .artist-details.new-dates:after {
          background-image: url("../images/star-new-dates.png");
        }

        .artist-details.new:after {
          background-image: url("../images/star-new.png");
        }

        .artist-details.complete:after {
          background: url("../images/complet-banner.png") center center / cover;
			width: 75px;
			height: 75px;
			right: -3px;
			top: -78px;
        }

		@media (max-width: 767.98px){
			.artist-details.complete:after{
				background: url("../images/complet-banner-mobile.png") center center / cover;
				width: 100px;
				height: 100px;
				right: -3px;
				top: -103px;
/*
				padding: 15px 10px;
				font-size: 1.5rem;
				top: -46px;
*/
			}
		}


		@media (max-width: 400px){
			.artist-details.complete:after{
				background: url("../images/complet-banner.png") center center / cover;
				width: 75px;
				height: 75px;
				right: -3px;
				top: -78px;
			}
		}

        .artist-details.alternative:after {
          background-image: url("../images/star-alternative.png");
        }

        .artist-details.new-date > strong,
        .artist-details.new-dates > strong,
        .artist-details.new > strong,
        .artist-details.complete > strong,
        .artist-details.alternative > strong {
          padding-right: 60px;
        }

   .artist-video { display:none; }

    span.details {
      display:block;
      float:right;
      height:26px;
      margin:10px 0 0;
      font-size:12px;
      line-height:14px;
      text-transform:none;
      text-align:right;
    }

      span.details a { color:#FFFFFF; }

span.sold-out {
  background: url(../images/bt-sold-out.png) no-repeat left top;
  background-size: 91.5px 21px;
  padding-left: 100px;
  min-height: 21px;
  display: inline-block;
  vertical-align: middle;
}

span.new-date-info {
  background: url(../images/bt-new-date.png) no-repeat left top;
  background-size: 91.5px 21px;
  padding-left: 100px;
  min-height: 21px;
  display: inline-block;
  vertical-align: middle;
}

/* FOOTER */
footer {
  margin-bottom: 20px;
  padding:15px 0 0;
}

footer .row {
  margin-left: 0;
  margin-right: 0;
}
footer .nav-container {
  padding:0;
}

footer ul {
  position:relative;
  text-align:center;
  width:100%;
  margin:0;
  border-top:1px solid #616B6D;
  border-bottom:1px solid #616B6D;
  padding:4px 0 0;
}

  footer ul li {
    background:url(../images/bg-li-links.jpg) no-repeat center right;
    display:inline-block;
    overflow:hidden;
  }

      .ie7 footer ul li {
        display:inline;
      }

      footer ul li:last-child {
        background:none;
      }

      footer ul li a {
        font-size:0.7em;
        display:inline-block;
        text-align:center;
        text-decoration:none;
        text-transform:uppercase;
        padding-left:8px;
        padding-right:8px;
      }

        .no-touchevents footer ul li a:hover {
          color:#616B6D;
        }

/* ABONNEMENT */
.bt-subscribe-5-7 {
  display:block;
  background:url(../images/bt-subscribe-5-7.png?v=201908) no-repeat 0 0;
  width:91px;
  height:91px;

  position:absolute;
  bottom:15px;
  right:115px;
}

.bt-subscribe-7-7 {
  display:block;
  background:url(../images/bt-subscribe-7-7.png?v=201908) no-repeat 0 0;
  width:91px;
  height:91px;

  position:absolute;
  bottom:15px;
  right:115px;

}

.bt-subcribe-form {
  display:block;
  background:url(../images/bt-download-subscribe-form.png?v=201908) no-repeat 0 0;
  width:91px;
  height:91px;

  position:absolute;
  bottom:15px;
  right:15px;

}

/* SLIDESHOW */
#slideshow-container {
  position:relative;
  margin-bottom:20px;
}

  #slideshow {
    height:auto;
    position:relative;
    width:100%;
    z-index:1;
  }

    #slideshow img {
      display:block;
      width:100%;
      height:auto;
    }

    button.slick-arrow.slick-prev,
    button.slick-arrow.slick-next {
      border:0;
      position:absolute;
      top:50%;
      margin-top:-13px;
      display:block;
      width:21px;
      height:26px;
      text-indent:-9999em;
      background:url(../images/bt-slider-arrow-left.png?v=201908) no-repeat left top;
      z-index: 100;
    }

      .no-touchevents button.slick-arrow:hover { background-position:left bottom; }

      button.slick-arrow.slick-prev {
        left:10px;
      }

      button.slick-arrow.slick-next {
        right:10px;
        background-image:url(../images/bt-slider-arrow-right.png?v=201908);
      }

      .slick-dots {
        bottom: 2px;
        list-style:none!important;
        margin:0!important;
        padding:0!important;
        position: absolute;
        right: 10px;
        text-align:right;
      }

        .slick-dots li {
          display:inline-block;
        }

          .slick-dots li button {
            border:0;
            border-radius:50%;
            display:inline-block;
            background:#FFFFFF;
            font-size:0px;
            width:15px;
            height:15px;
            text-indent:-9999em;
            margin:0 0 0 5px!important;
          }

        .slick-dots li.slick-active button {
          background:#26247b;
        }

      @media only screen and (max-width: 768px) {
        .slick-dots {
          display:none!important;
        }
      }

/* EVENTS */
.slideDescription a {
	display:block;
	text-decoration:none;
	cursor:pointer; /*IE7*/
}

.slideDescription .left-column {
	width:210px;
	height:170px;
	float:left;
	padding:15px;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
}

.slideDescription .right-column {
	width:220px;
	height:200px;
	float:right;
}


/* STYLES */
h1 {
  -webkit-font-smoothing:antialiased;
	font-size:80px;
	line-height:100%;
  font-family: 'steelfishregular', 'proxima-nova', Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#26247b;
	text-transform:uppercase;
  margin-bottom:10px;
  margin-top:0;
}
	h1.small { font-size:36px; }

h2 {
	font-size: 48px;
    line-height: 48px;
    font-weight: 100;
    color: #26247b;
    text-transform: uppercase;
    margin: 0 0 15px -16px;
    background: #99cc33;
    background-size: contain;
    padding: 12px 200px 7px 22px;
    /* font-style: italic; */
    text-align: left;
    font-family: 'steelfishregular';
	position: relative;
	z-index: 1;
}

  h2.alternative {
    background: #26247b;
  }

  h2 small {
    display: block;
    font-size: 21px;
    line-height: 125%;
  }

h3 {
	font-size:13px;
	line-height:13px;
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 10px;
	background:#26247b;
	padding:7px;
}

h4 {
	font-size:13px;
	line-height:13px;
	font-weight:500;
	color:#000;
	text-transform:uppercase;
	margin:0 0 20px;
}

h5 {
  border-bottom: 1px solid #26247b;
  border-top: 1px solid #26247b;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	color:#26247b;
  padding: 8px 0 5px;
	text-transform:uppercase;
	margin:0 0 20px;
}

@media only screen and (max-width: 992px) {
  h1 {
    font-size:28px;
  }

  h2 {
    font-size: 36px;
    line-height: 24px;
    margin-left: 1px;
    margin-right: -1px;
    text-align: left;
    padding: 12px 20px;
    margin: 0 -20px 25px -20px;
	background-image:none;
  }

  h2 small {
    font-size: 14px;
  }
}

p {
	margin:0 0 15px;
	text-align:left;
}

p:last-child {
  margin-bottom:0;
}

p.small { font-size:0.8em; line-height:1.2em;}

.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

small {
  line-height: 100%;
}

p small {
  font-size: 12px;
}

a,
.no-touchevents a:hover,
a:focus {
  outline: 0;
}

sup {
	vertical-align:super;
	font-size:0.7em;
	text-transform:lowercase;
  top: 0;
}

em { font-style:italic; }

strong { font-weight:600; }

strong em,
em strong {
	font-style: italic;
	font-weight:600;
}

a { color:#000; text-decoration: underline; }

  .no-touchevents a:hover,
  a:focus {
    color:#000;
    text-decoration:none;
  }

a.partenaire {
	display:inline-block;
	margin:10px 30px 0 0;
}
	a.partenaire:last-child { margin-right:0; }

img.fullWidth {
	display:block;
	width:100%;
	height:auto;
}

hr {
  border:none;
  background:#000;
  height:1px;
  width:100%;
  margin:20px 0;
}

ul {
  padding-left: 0;
}

table {
  margin: 0 0 20px 0;
  width: 100%;
}

th {
  background: #26247b;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}

th, td {
  padding: 10px;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* modal */

body.modal-open {
  overflow: hidden;
}

.overlay-modal {
  background: #26247b;
  /*background: rgba(255, 206, 0, 0.95);*/
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.overlay-modal .bt-close-overlay {
  background:url('../images/bt-close-overlay.png?v=201908') no-repeat center;
  background-size: 40px;
  display: block;
  height: 40px;
  right: 20px;
  position: absolute;
  top: 20px;
  width: 40px;
  z-index: 1000;
}
.overlay-scale {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition:-webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
.overlay-scale.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition:-webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.vertical-align-container {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-align-container .vertical-align-content-middle {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.vertical-align-container .vertical-align-content-middle .modal-content {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: inline-block;
  max-width: 600px;
  padding: 50px;
  position: relative;
  text-align: left;
  width: 100%;
}

.modal-content [class*='col'],
.modal-content div,
.modal-content p,
.modal-content h4 {
  color: #fff;
  width: 100%;
}

.modal-content .column-left {
  margin-bottom: 20px;
}

.modal-content h4 {
  margin-bottom: 5px;
}

.modal-content [class*='col'] * {
  text-align: center!important;
}

.vertical-align-container .vertical-align-content-middle .modal-content h4 {
  font-weight:800;
  color:#26247b;
}

.search-container {
  padding: 0 10px 10px;
  position: relative;
}

.search-container form {
  position: relative;
}

.search-container .search-field {
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 28px;
  outline: 0;
  overflow: hidden;
  padding: 5px 10px;
  width: 100%;
}

.search-container .search-field::placeholder {
  color: #fff;
}

.search-container .easy-autocomplete {
  width: 100%!important;
}

.search-container .easy-autocomplete .eac-item {
  white-space: nowrap;
}

.search-container .easy-autocomplete .eac-item span {
    color: #aaa;
    display: block;
    font-style: italic;
    font-size: 0.9em;
    margin-top: 3px;
}

.search-container .easy-autocomplete-container {
  z-index: 1000;
  min-width: 100%;
  width: auto;
}

/* SPECIFIC STYLES FOR CERTAIN PAGES */


/* ADDTHIS */
.at-style-responsive .at-share-btn,
.at-resp-share-element.at-mobile .at-label {
  display: block!important;
}

  .at-style-responsive .at-share-btn:hover {
    transform: translateY(0)!important;
  }

  .at-resp-share-element.at-mobile .at-label {
    display: block!important;
    float: left;
  }

/* SUBSCRIBE */

#newsletter-modal h2 {
  background: none;
  margin: 0 0 40px;
  padding: 0;
}

#subscribeForm {}

  #subscribeForm label {
    color: #ffffff;
    display: block;
    line-height: 37px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%;
  }

  #subscribeForm label input {
    border: none;
    color: #000000;
    float: right;
    line-height: 100%;
    padding: 10px;
    outline: none;
    width: 70%;
  }

  #subscribeForm #subscribeSubmit {
    background: #99cc33;
    border: 0;
    color: #26247b;
    line-height: 100%;
    outline: 0;
    padding: 10px;
    text-transform: uppercase;
    width: 70%;
  }

    #subscribeForm #subscribeSubmit.loading {
      background:url("../images/loader.gif") no-repeat center #26247b;
      cursor: default;
      opacity: 0.8;
      text-indent: -9999em;
    }

  #subscribeForm #subscribeResponse {
    display: block;

  }

  #subscribeForm #subscribeResponse .response {
    border-top: 1px solid #fff;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
  }

.hide-artist{
	display:none;
}
.load-more-button{
	cursor:pointer;
	color:#000;
	background:#26247b;
	padding:20px 80px;
	font-size:18px;
	clear:both;
	text-align: center;
    display: inline-block;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#tickets span a{
	  text-decoration:none;
	color:#26247b;
  }
.return-to-top{
	background:url(../images/to-top-arrow.png) center center no-repeat rgba(153, 204, 51, 0.8);
	color:#fff;
	position:fixed;
	right:15px;
	bottom:15px;
	cursor:pointer;
	width:40px;
	height:40px;
	z-index:30;
	opacity:0;
	pointer-events:none;
	transition: all .25s linear;
}
.return-to-top.visible{
	opacity:1;
	pointer-events:all;
}

@media only screen and (max-width: 750px) {
	.m-none{
		display:none;
	}
}
.breadCrumbs{
	padding:5px 0;
	font-size:15px;
	line-height:25px;
	color:#26247b;
}
.breadCrumbs a{color:#26247b}
.breadCrumbs a, .breadCrumbs a:hover{color:#26247b}
.breadCrumbs a:hover{text-decoration: none}
.breadCrumbs span:not(.no-margin){margin:0 5px}
@media only screen and (min-width: 1200px) {
	a[href^="tel:"]{
		pointer-events: none;
		text-decoration:none;
	}
}

.partenaire-logo{
	aspect-ratio: 16/7;
	display: block;
	padding: 5px 0;
}

@media (max-width: 767.98px){
	.partenaire-logo{
		aspect-ratio: unset;
		text-align: center;
		margin: 10px 0;
	}
}

.partenaire-logo img{
	height: 100% !important;
	width: 100%;
	object-fit: scale-down;
}

@media (max-width: 767.98px){
	.partenaire-logo img{
		height: auto !important;
		width: auto;
	}
}

.passeurs-culturels-btns{
	display: flex;
	gap: 45px;
	margin: 0 0 35px;
}

@media (max-width: 385px){
	.passeurs-culturels-btns{
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
}

.passeurs-btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none !important;
	font-family: 'steelfishregular', sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.2em;
	transition: all .25s linear;
	padding: 10px;
}

.passeurs-btn span{
	transition: all .5s linear;
}

.passeurs-btn.formulaire{
	background: #99cc33;
}

.passeurs-btn.formulaire:hover{
	background: #99cc33;
}

.passeurs-btn.procedures{
	background: #26247b;
}

.passeurs-btn.procedures:hover{
	background: #99cc33;
}

.passeurs-btn .white{
	color: #fff;
}

.passeurs-btn .pink{
	color: #26247b;
}

.passeurs-btn:hover .white{
	color: #26247b;
}

/*
.passeurs-btn:hover .pink{
	color: #fff;
}
*/

.passeurs-btn .green{
	color: #99cc33;
}

.passeurs-btn:hover .green{
	color: #26247b;
}

.mediation-culturelle{
	padding: 10px;
	font-family: 'steelfishregular', sans-serif;
	font-size: 22px;
	letter-spacing: 0.5px;
	color: #fff;
	background: rgba(235, 0, 140, 0.5);
	position: absolute;
	width: calc(100% - 15px);
	text-align: center;
	margin-top: -36px;
}
.artist-banner-container > img {
	width:100%;
	margin-bottom: 15px;
}
.view-more-container a img {
	filter: none;
	height: 100%!important;
}
.artist-details.derniere-chance:after {
	content:"DERNIÈRE CHANCE";
	position: absolute;
	bottom: 100%;
	left:0px;
	width: 100%;
	background: #26247b;
	color: white;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
	height: auto;
}
.show-details-container.derniere-chance {
	position: relative;
	margin-top: 32px;
}
.show-details-container.derniere-chance:after{
	content:"DERNIÈRE CHANCE";
	position: absolute;
	top: -32px;
	left:0px;
	width: 100%;
	background: #99cc33;
	color: #26247b;
	text-align: center;
	padding: 8px;
	font-weight: bold;
	font-size: 16px;
	height: auto;
}

@media(min-width:992px) {
	.container.fullscreen {
		width:100%!important;
		overflow: hidden;
	}
	.container.fullscreen > div.row {
		display: flex;
	}
	.container.fullscreen #sidebar {
		/* width:100%!important; */
		overflow: hidden;
	}
	.container.fullscreen > div.row {
		display: flex;
	}
	.container.fullscreen #sidebar {
		height: inherit;
		min-height: 100vh;
	}
	.container.fullscreen #sidebar > div.background {
		height: 100%;
		padding-top: 15vh;
	}
	.container.fullscreen #content {
		padding-right: 20px;
		position: relative;
	}
	.container.fullscreen #content header {
		margin-right: -20px;
		padding-top: 15vh;
		position: relative;
		background: url('../images/fullscreen-30-ans-banner.png') top center / contain no-repeat, linear-gradient(to right, #26247b, #6dcff6);
	}
	.container.fullscreen #content header #buy-online-container{
		position: static;
	}
	.container.fullscreen #content header .bt-buy-online{
		top: auto;
		bottom: 61px;
	}
	.container.fullscreen #content h2 {
		margin-right: -16px;
	}
}

img.w-100 {
	width: 100%;
}
.container #content {
	display: flex;
    flex-direction: column;
    min-height: 100%;
}
.container #content > footer {
	flex: 1;
    display: flex;
    align-items: end;
}
.container #content > footer > div {
	width: 100%;
}
.container #content > footer ul {
	margin-left: 0px!important;
}
.header-bandeau{
	position: absolute;
	right: 0px;
	top: 0;
	width: 50%;
	height:100%;
	padding: 12px 22px 0 0;
	text-align: right;
	z-index: -1;

}
@media only screen and (max-width: 400px) {
	header.trente-ans{
		height: 200px
	}
}
.vendredifou a::after{
	content: "";
	background-image: url('/Salle-Odyssee/theme/images/bandeau-web-vendredi-fou-menu.jpg');
	width: calc(100% - 20px);
    display: inline-block;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 15 / 4;
    margin: 0 10px 5px;

}