#creation-tempete{
  width: 100px;
  height: 100px;
}

.default .size{
  font-weight: normal;
  font-size: .8em;
}

p.link.default:hover a{
  color: black;
}

header.navbar .menu__aside li a span{
  background: url("../img/svg/button.svg") no-repeat;
  background-position: -100% center;
  background-size: 0 100%;
  padding : 5px 10px;
  color: white;
}


header.navbar .menu__aside li.active a span{
  color: black;
  background-size: 100% 100%;

}




  .menu-billetterie #tickets{
    margin-left: 10px;
  }


header.navbar ul.menu__main > li > a.menu-billetterie{
    display: none;
  }


@media screen and (max-width: 1024px) and (min-width: 768px){
.section__content--many.shows .item {
    width: 50%;
    max-width: 50%;
}


}






@media screen and (min-width: 1024px){

  .section__content--many .item {
      width: 25%;
      max-width: 25%;
  }


 header.navbar ul.menu__aside > li > a.menu-billetterie{
    display: none;
  }

  header.navbar ul.menu__main > li > a.menu-billetterie{
    display: block;
  }

}


.text-billetterie{
  position: relative;
  top: -14px;
}




.menu__main .text-billetterie{
  position: static;
  top: 0;

}



@media screen and (min-width: 1600px){
.text-billetterie{
  position: relative;
  top: -8px;
}
 

}


span.big {
  font-size: 1.714em!important;
  line-height: 1.5em!important;
  font-weight: bold;
}

.partenaires_list .cadreimg {
    display: block;
    height: 0;
    padding-bottom: 66%;
    position: relative;
    width: 100%;
    border-bottom: .5em solid white;
}


.partenaires_list  .cadreimg span {
    display: table;
    height: 100%;
    width: 100%;
}

  .partenaires_list .cadreimg img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 80%;
    max-width: 80%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}




  .partenaires_list li{
  	margin-bottom: 30px;
  	width: 100%;
  	text-align: center;
  	font-weight: bold;
  }




  .partenaires_list{
      display:-ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-column-gap: 30px;
      grid-column-gap: 30px;
      width: 100%;
  }


  .partenaires_list.type_big{
      -ms-grid-columns: 1fr;

      grid-template-columns: 1fr;
  }


 ul.partenaires_list +  ul.partenaires_list{
      margin-top: 80px;
  }


@media (min-width: 768px) {
  .partenaires_list{
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .partenaires_list.type_big{
      grid-template-columns: 1fr 1fr 1fr;
  }

}

@media (min-width: 992px) {


	.partenaires_list{
	    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}


  .partenaires_list.type_big{
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

}


#saison_avant,
#alert{
    position: relative;
    margin-bottom: 20px;
  }


#saison_avant .icon-saison img{
   max-width: 100%;
  }

#saison_avant .icon-saison{
   width:  120px;
   float: left;
  }

#saison_avant p.link,
#saison_avant h1{
   padding-left: 130px;
  }



#saison_avant p.link:after{
   content: "";
   clear: both;
   display: block;
  }

#saison_avant .link a:hover svg path,
#alert .link a:hover svg path{
    fill: black;
  }

svg#border-bottom{
    position: absolute;
    bottom: -10px;
    overflow-x: hidden;
  }

#saison_avant svg#border-bottom,
#alert svg#border-bottom{
  bottom: -10px;
  right: 0;
  z-index: 1;
}
#saison_avant > div,
#alert > div{
    position: relative;
    margin-bottom: 0;
  }




  
#saison_avant > div{
    padding: 30px 30px 5px 30px;
  }

#alert > div{
    padding: 15px 30px 5px 30px;
  }


  #saison_avant + #alert {
   position: relative;
   top:-20px;
  }



 #saison_avant .link svg,
  #alert .link svg{
    width: 45px;
    height: 50px;
    display: block;
 }

  #saison_avant .link,
  #alert .link{
   display: block;
    width: 45px;
  }
#saison_avant p.link a,
  #alert p.link a{ 
   display: block;
   background: none;
  }

 #saison_avant .link a:before,
  #alert .link a:before{
      display: none;
  }

  #saison_avant .icon-alert svg,
  #alert .icon-alert svg{
    width: 40px;
    height: auto;
    display: block;
    margin-bottom: 15px;
  }

  #saison_avant h1,
 #alert h1{
    margin-top: 0;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 15px;
    font-size: 1.5rem;
  }


  @media (min-width: 768px) {




#saison_avant .icon-saison{
   width:  80px;
   float: none;
   padding-right: 30px;
  }

#saison_avant p.link,
#saison_avant h1{
   padding-left: 0;
  }



    #saison_avant .link,
    #saison_avant > div > *,
    #alert .link,
    #alert > div > *{
      display: inline-block;
      vertical-align: middle;   
    }

    #saison_avant  > div > h1,
    #alert > div > h1{
      width: 400px;
      margin-bottom: 0;
    }

     #saison_avant .icon-alert,
     #alert .icon-alert{
        margin-right: 40px;
      }



  }


    @media (min-width: 992px) {

      #saison_avant > div,
      #alert > div {
        padding-top: 45px ;
      }


    .page.saison #saison_avant > div{
        padding-top: 120px ;
      }


      #saison_avant + #alert  > div{
           padding-top: 15px ;

  }


      #saison_avant,
       #alert{
        text-align: center;
      }


       #saison_avant > div > h1
       #alert > div > h1{
        margin-right: 40px;
      }

      #saison_avant .icon-alert svg,
      #alert .icon-alert svg{
        margin-bottom: 0;
      }

      #saison_avant > div > .content-alert,
      #alert > div > .content-alert{
        max-width: 50%;
        margin-right: 40px;
      }
      
      #saison_avant .content-alert,
      #saison_avant h1,
      #alert .content-alert,
      #alert h1{
       text-align: left;
      }

  }



  /* page Equipe */

  .item-team img{
    width: 75px;
    float: left;
    margin-right: 15px;
  }

   .item-team figure + .item-team-content{
    padding-left: 90px;
  }

  .item-team:after{
    content: "";
    display: block;
    clear: left;
  }

  .item-team{
    margin-bottom: 20px;
  }

  #team h2,
  .item-team h3 .name{
    text-transform: uppercase;
  }




  #team p,
  #team h3,
  #team h2{
    margin: 0;
  }


  .section-team-header{
    margin-bottom: 15px;
  }

   .section-team{
    margin-bottom: 75px;
  }



#team .first-row-team > figure{
    margin-bottom: 35px;
  }

@media (min-width: 768px) {
 #team .first-row-team  {
margin-top: 30px;
  }
 #team .first-row-team:after{
    content: "";
    display: block;
    clear: both;
  }

 #team .first-row-team  > * {
   width: 50%;
  }

   #team .first-row-team > figure{
  float: right;
  }


  .grid-team .section-team-header{
    min-height: 85px;
    margin-bottom: 10px;
  }

  .grid-team{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:1fr 1fr;
   grid-template-columns:1fr 1fr;
    -ms-grid-column-gap: 100px;
     grid-column-gap: 100px;
  }

}

@media (min-width: 992px) {
   #team .first-row-team  > figure {
   width: calc(66.6666% - 30px);
  }

  #team .first-row-team  > div {
   width: 33.3333%;
  }


  .grid-team{
    -ms-grid-columns:1fr 1fr 1fr;
   grid-template-columns:1fr 1fr 1fr;
  }

   #team .first-row-team  > figure  .img-responsive{
   width: 66.6666%;
  }


  }


/* PAGE ARTISTE */

.page-artiste-saison .main .container{
  min-height: 0;
}




#list-artistes-saison ul.biographies,
#list-artistes-saison{
  padding: 0;
  margin: 0;
}

#list-artistes-saison ul.biographies > li >  span > strong{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  font-size:2.4rem;
  display: block;
  padding: 20px 0 0 36px;
}



#list-artistes-saison ul.biographies{
display: block;
}



#list-artistes-saison ul.biographies > li:nth-child(odd){
    background-color: #e8e8e8;
}

#list-artistes-saison ul.biographies > li > span > ul{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:1fr 1fr;
  grid-template-columns:1fr 1fr;
  -ms-grid-column-gap: 10px;
  grid-column-gap: 10px;
  -ms-grid-row-gap: 25px;
  grid-row-gap: 25px;
  padding: 10px 25px 25px 25px;
}

.no-cssgrid #list-artistes-saison ul.biographies > li > span > ul{
  padding: 10px 25px 25px 106px;
  margin: 0 0;
}

.no-cssgrid #list-artistes-saison ul.biographies > li > span > ul:after{
  content: "";
  clear: both;
  display: block;
}

.no-cssgrid #list-artistes-saison ul.biographies > li > span > ul > li{
width: 50%;
float:left;
height: 105px;
padding: 12px 25px 0 0;
}


#list-artistes-saison ul.biographies figure{
  width: 100%;
  max-width: 100%;
}

#list-artistes-saison ul.biographies figure > span{
  width: 45px;
}

#list-artistes-saison ul.biographies figure > figcaption{
  width: calc(100% - 55px);
  margin-left: 10px;

}

#list-artistes-saison ul.biographies figure > *{
  display: inline-block;
  vertical-align: middle;
}


.owl-carousel .event-mini .vignette-mini img,
.event-mini .vignette-mini img{
 width: 50px;
}


.owl-carousel .event-mini .vignette-mini svg,
.event-mini .vignette-mini svg{
   width: 65px;
 display: block;
 height: auto;
}


p.legende-mini{
  margin: 15px 0 0 0;
}

.content-mini{
  margin-top: 15px;
}

.content-mini h2{
  text-transform: uppercase;
}

.event-mini  p.date{
margin: 0;
font-weight: bold;
}

.event-mini  p.date{
margin: 0;
font-weight: 400;
}

.event-mini  h2{
margin: 0;
line-height: 1.2;
}

 #artistes-saison .content--media .item--video figure img{
z-index: -1;
}

#artistes-saison .owl-carousel figure.custom-img{
 position: relative;
}

.event-mini .vignette-mini{
   float: left;
   margin-right: 15px;
}

.vignette-mini + .label-mini{
   padding-left: 65px;
}

#artistes-saison .owl-prev,
#artistes-saison .owl-next{
 background-color: white;
}

.owl-dot span,
#artistes-saison .owl-prev:before,
#artistes-saison .owl-next:before{
 background-color: black;
}

#artistes-saison .owl-next{
 right: -35px;
}

#artistes-saison .owl-prev,
#artistes-saison .owl-next{
 top: 80px;
}

#artistes-saison #entretien{
 margin-top: 50px;
}

#artistes-saison article{
width: calc(100vw - 120px);
 max-width: 620px;
}


@media (min-width: 550px) {

  #list-artistes-saison ul.biographies > li  > span > ul{
  -ms-grid-columns:1fr 1fr 1fr;
  grid-template-columns:1fr 1fr 1fr;
  }

  #artistes-saison .owl-prev,
  #artistes-saison .owl-next{
 top: 160px;
}


  .no-cssgrid #list-artistes-saison ul.biographies > li > span > ul > li{
  width: 33.33%;
  }
}


@media (min-width: 768px) {
  #artistes-saison .owl-prev,
  #artistes-saison .owl-next{
 top: 200px;
}

  #list-artistes-saison ul.biographies > li > span > strong{
    float: left;
    width: 70px;
  }

  #list-artistes-saison ul.biographies > li  > span > ul{
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;

  }
}


@media (min-width: 992px) {


.no-cssgrid #list-artistes-saison ul.biographies > li > span > ul > li{
  width: 25%;
  }

 #list-artistes-saison ul.biographies > li  > span > ul{
  -ms-grid-columns:1fr 1fr 1fr 1fr;
  grid-template-columns:1fr 1fr 1fr 1fr;
  }

  #list-artistes-saison ul.biographies > li  > span{
  display: block;
  padding: 0 35px;
  }

#artistes-saison .owl-prev,
#artistes-saison .owl-next{
 top: 150px;
}


  #artistes-saison article{
  min-width: 400px !important;
  max-width: 400px !important;
  width: 400px !important;
  }

}

@media (min-width: 1280px) {
#list-artistes-saison ul.biographies > li  > span > ul{
  -ms-grid-columns:1fr 1fr 1fr 1fr 1fr;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  }

  .no-cssgrid #list-artistes-saison ul.biographies > li > span > ul > li{
  width: 20%;
  }



  #list-artistes-saison ul.biographies > li  > span{
  width: 100%;
  max-width: 1600px;
  margin: auto;
  box-sizing: border-box;
  
 }

  }



/* breadcrumb */

.breadcrumb li{
  display: inline;
}


.breadcrumb li + li:before{
  content: url("../img/svg/arrow-grey.svg");
  display: inline-block;
  padding: 0 6px 0  4px;
  position: relative;
  top: 2px;
   -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -webkit-transform: scale(.8);
  transform: scale(.8);
}

.breadcrumb,
.breadcrumb a{
  color: #666; 
}

.breadcrumb a:hover{
  color: black;  
}

.breadcrumb a{
  text-decoration: underline;
}


.breadcrumb{
  padding: 0 0 0 25px;
  margin: 0;
  font-size: 12px;
}

@media (min-width: 768px) {
  .breadcrumb{
  padding: 0 0 40px 0;
  }

  .has__breadcrumb .main.anchor--content{
  padding-top: 100px;
  }
}



@media (min-width: 1025px) {
  .breadcrumb{
  padding: 65px 0 10px 35px;
  }

  .fiche-event .breadcrumb{
  padding: 20px 0 0 35px;
  }

  .fiche-spectacle .breadcrumb{
  padding: 45px 0 0 35px;
  }
}

/* STAGES */

#stages .biographies{
  margin: 30px 0 0 0;
}

#stages  article footer{
  background-color: transparent;
}

#stages .biographies figure {
  width: auto;
  max-width: 100%;
}

#stages .biographies figure > span {
  width: 50px;
 float: left;
} 

#stages .biographies figure:after{
  content: "";
  display: block;
  float: none;
  clear: both;
} 

#stages .biographies li{
  width: 100%;
  display: block;
  margin-bottom: 15px;
} 

#stages .biographies figure figcaption {
 float: left;
 padding: 15px 0 0 15px;
} 


#stages .prog__content .text {
 padding-left: 0;

} 

#stage-past {
overflow: hidden;
} 

#stage-past label{
  cursor: pointer;
} 




#stages .biographies figure img{
 -webkit-filter: saturate(100%);
filter: saturate(100%);
} 



#ressources h2,
#stage-past h2{
  cursor: pointer;
margin-top: 30px;
text-transform: uppercase;
font-size: 1.714em;
padding-left: 0;
padding-top: 3px;
z-index: 1;
position: relative;

} 

#ressources h2 svg,
#ressources h2 label{
    cursor: pointer;
} 

#stage-past h2 label,
#ressources h2 label{
padding-left: 45px;
display: inline-block;
} 




#ressources h2 svg,
#stage-past h2 svg{
width: 35px;
height: auto;
position: absolute;
left: 0;
top: 25px;

-moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;

} 

.section__content__toogle,
#stage-past .section__content{
 max-height: 0;
 visibility: hidden;
 opacity: 0;

   -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} 


#stage-past .section__content{
  display: flex;

} 
.toggle,
 #toggle{
 max-height: 0;
 visibility: hidden;
 margin: 0;
 padding: 0;
 display: none;
} 

.toggle:checked + h2 + .section__content__toogle,
#stage-past #toggle:checked + h2 + .section__content{
  max-height: 9999999px;
  visibility: visible;
  opacity: 1;
} 



.toggle:checked + h2 svg,
#stage-past #toggle:checked  + h2 svg{
  transform: rotate(180deg);
} 

#ressources h2:before,
#stage-past h2:before{
  content: '';
  display: block;
  width: 100%;
  border-width: 5px 0 0 0;
  border-style: solid;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;

  border-image: url(../img/svg/border.svg) 30 0 30;
  -webkit-border-image: url(../img/svg/border.svg) 30 0 30;
  -moz-border-image: url(../img/svg/border.svg) 30 0 30;

   }



#ressources h2 label,
#stage-past h2 label{
  padding-top: 20px;
  padding-bottom: 20px;
    }


#ressources h2,
#stage-past h2{
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
    }


section#ressources header h1{
  padding-left: 0;
}

.section__content.download{
  border-top: solid transparent 30px; 
}

section#ressources{
margin-bottom: 70px;
overflow: hidden;
}

@media (min-width: 768px) {

  #stages .section__content .prog__content.item{
    width: 50%;
  }

  #stages #stage-past .section__content .prog__content.item{
    width: 33.333%;
  }

}


.fiche.fiche-stage .content--media.one-item{
  width: 100%;
  margin-top: 0;
}



.fiche.fiche-stage .content--media .item{
  width: 100%;
  padding-bottom: 0;
}



.fiche.fiche-stage .content--media.one-item .item figure{
  height:auto;
  margin: 0 10px;
}




/* Footer */

.border-footer{
  overflow: hidden;
  height: 20px;
  width: 100%;
  position: relative;
}

.border-footer svg#border-bottom{
    position: absolute;
    bottom: 0;
    left: -10px;
    overflow-x: hidden;
    -webkit-transform: rotate(180deg); 
      -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }


.border-footer:not(.archive-saison) svg#border-bottom path{
    fill: black !important;
 }


.border-footer.archive-saison{
    bottom: -20px;
 }


footer#footer .tel--footer p{
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
}


footer#footer .item{
  margin-bottom: 30px;
}

footer#footer .item:last-child{
  margin-bottom: 0;
}

footer#footer .socials--footer.item{
  line-height: 0;
}


footer#footer h3 {
  font-size: 1.1em;
  padding-left: 0;
  margin-bottom: 5px;
}


footer#footer  .tel--footer .section__content{
  border-width: 0 0 5px 0;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-right: 0;

  border-image: url(../img/svg/border-w.svg) 30 0 30;
  -webkit-border-image: url(../img/svg/border-w.svg) 30 0 30;
  -moz-border-image: url(../img/svg/border-w.svg) 30 0 30;
  border-image-slice: 40 0 40 0 fill;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; 


   }

  

footer#footer .mentions{
  margin-top: 50px;
  padding-bottom: 20px;
}

footer#footer .mentions p{
  margin-bottom: 0;
}


@media (min-width: 768px) {

footer#footer .item{
  margin-bottom: 0;
}

footer#footer .socials--footer.item{
  line-height: 1;
}



}



/** PAGE SAISON **/

#saison .has__picture figure img{
 max-width: 100%;
}

#saison .has__picture figure{
 width: 80%;
}


 #saison .default.order::before{
    z-index: 1;
  }


#saison .brochure.default.order::before{
    background-image: url(../img/svg/pdf-file.svg);
}


#saison  #lire_plus{
   max-height: 0;
   visibility: hidden;
   margin: 0;
   padding: 0;
} 

#saison:after{
   content: "";
   clear: both;
   display: block;
} 

#saison .link_lire_plus{
   margin:0;
} 

#saison  .billet-file{
   margin-top:10px;
} 





#saison{
  margin-bottom: 60px;
} 

#saison .edito-text p:last-child{
   margin-bottom:5px;
} 


#saison  .link_lire_plus label:after{
  content: attr(data-lire);

} 


.link_saison,
#saison .default{
 margin: 0;
} 

.link_saison{
display: block;
width: 100%;
} 


.link_saison + .link_saison {
margin-top: 15px;
} 



#saison  .link_lire_plus label::before{
    background-image: url(../img/svg/eye.svg);
    z-index: 1;
    width: 20px;

height: 20px;
left: 15px;
top: 7px;
}


#saison #toggle:checked + #lire_plus{
  max-height: 9999999px;
  visibility: visible;
  opacity: 1;
} 


#saison  #toggle:checked ~ .link_lire_plus label:after{
  content: attr(data-refermer);

} 


#link-archive .content-link{
  width: 80%;
}

#link-archive {
text-align: center;
position: relative;
bottom: -20px;
}


#link-archive p{
  margin: 0;
}

 

  #link-archive a svg{
    width: 35px;
    height: auto;
  }

#link-archive p a{
  display: block;
  background-color: transparent;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
  font-size: 1.286em; 
  text-align: center;
 }

  #link-archive p a:before{
  display: none;
 }


 #link-archive p a  span{
    display: inline-block;
    vertical-align: middle;
  }


#link-archive p a span span.icon{
    height: 40px;
  }

#link-archive p a span.middle,
#link-archive {
    height: 150px;
}



 

a.default.artistes{
padding: 5px 15px 5px 15px;
} 

a.default.artistes:before{
  display: none;
}

@media (min-width: 768px) {


#saison  .billet-file p{
display: inline-block;
width: auto;
} 



#saison .has__picture figure{
 width: 265px;
 float: left;
}

#saison .has__picture > div{
  padding-left: 265px;
}

#saison .has__picture > div > div{
  padding-left: 15px;
}




}


@media (min-width: 768px) {


}

/** PAGE ARCHIVE SAISON **/


.main#toutes-saisons .container{
  min-height:0;
}


.item-saison li + li:before{
  content: " • ";
  display: inline-block;
  padding-right: .3rem;
  font-weight: bold;
}

.item-saison li{
  display: inline;
}

.item-saison ul{
  margin:0;
}


.item-saison img{
  max-width: 100%;
}

.item-saison figure{
  width: 50%;
}

.item-saison{
  padding: 25px;
  position: relative;
}



.row-saison:nth-child(odd) .item-saison:nth-child(even){
  background-color: #e8e8e8;
}



.row-saison:nth-child(even) .item-saison:nth-child(odd){
  background-color: #e8e8e8;
}

.item-saison h2{
  margin: 0;
}


.item-saison .link-saison{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  text-indent: -999999px;
  margin: 0;
}

.item-saison .link-saison a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media (min-width: 600px) {


  .item-saison > h2,
  .item-saison > ul
  {
    float: right;
    width: calc(80% - 25px);
    padding-left: 25px;
  }

  .item-saison figure {
    float: left;
    width: 20%;
  }


.item-saison:after{
    content: "";
    display: block;
    clear: both;
  }


}

@media (min-width: 768px) {

 

.row-saison > div{
    display:-ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      max-width: 1600Px;
      margin: 0 auto;
  }


.no-cssgrid .row-saison > div article{
  width: calc(33.333% - 50px);
  float: left;
  }


  .no-cssgrid .row-saison > div:after{
content: "";
display: block;
  float: none;
  clear: both;
  }
.row-saison:nth-child(even) .item-saison:nth-child(odd),
.row-saison:nth-child(odd) .item-saison:nth-child(even){
  background-color: transparent;
}



.row-saison:nth-child(even){
  background-color: #e8e8e8;
}


  .item-saison > h2,
  .item-saison > ul
  {
    float: none;
    width: 100%;
    padding-left: 0;
  }

  .item-saison figure {
    float: none;
    width: 50%;
  }




}


@media (min-width: 1200px) {


   .item-saison > h2,
  .item-saison > ul
  {
    float: right;
    width: calc(66.6666% - 25px);
    padding-left: 25px;
  }

  .item-saison figure {
    float: left;
    width: 33.3333%;
  }


  }


  /* menu */

header.navbar ul.menu__main > li > a{
  padding: 10px 5px;
  margin-left: 0;
  display: inline-block;
  position: relative;
  }

.menu__main__sub{
 max-height: 0;
 visibility: hidden;
 opacity: 0;
  position: relative;
display: block;
   -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

  }




.menu__main__sub ul{
  padding: 20px 0 20px 5px;
  }

.has__menu__sub:after,
.menu__main__sub:after{
content: "";
 position: absolute;

 }

.menu__main__sub:after{
  top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: -1;

}


.has__menu__sub:after{
  display : inline-block;
 height : 0;
 width : 0;
 opacity: 0;
visibility: hidden;
border-right : 25px solid transparent;
 border-left : 25px solid transparent;

 -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 left: 25px;
 bottom: -24px;
 z-index: 1;
}

.has__menu__sub.open__menu__sub:after{
 
opacity: 1;
visibility: visible;
}



.open__menu__sub  + .menu__main__sub{
 max-height: 999999px;
  visibility: visible;
 opacity: 1;
  }



#sub-menu-desktop{
   display: none;
}



header .menu__main__sub ul{
border-top: 20px solid transparent;  
  }






@media (min-width: 1025px) {

#sub-menu-desktop{
   display: block;
}



.menu__main__sub li{
   padding: 3px 17px;
}

.menu__main__sub li a{
    padding: 5px;
    font-size: 1.2em;
    line-height: 0;
}


header.navbar ul.menu__main{
   z-index: 1;
   position: relative;

}
header.navbar ul.menu__main .menu__main__sub{
   display: none;
}

#sub-menu-desktop svg#border-bottom{
  right: 0;
}

.has__menu__sub:after,
.has__menu__sub.open__menu__sub:after{
  bottom: -27px;
}

.has__menu__sub:after{
  left: 50%;
  transform: translateX(-50%);
}


.menu__main__sub ul{
  margin:0;
  padding: 25px 0  15px 0;
}
.menu__main__sub{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
   text-align: center;
    z-index: 2;
    max-height: 999999px;
    visibility: visible;
    opacity: 1;
    transform: translateY(-100%);

  }

  .open__menu__desktop.menu__main__sub{
      transform: translateY(calc(100% + 10px));
   }
  .menu__main__sub li{
    display: inline-block;

  }

  }



.accroche-affiche{
    margin-top: 10px;
  }


.shows__content figure.vignette_affiche {
    margin-top: 0;
    max-width: 50%;
  }


.shows__content .default{
    margin:  10px 0;
  }


.shows__content .chapo + .default{
    margin:  15px 0;
  }




  .shows__content figure.vignette_affiche img{
    margin-top: 0;
    height: auto;
    max-width: 100%;
    top: auto;
    left: auto;
    transform: none;
    position: static;
  }

.shows__content .annee-creation + .text{
   padding-top: 0;
  }

  .shows__content .annee-creation {
  font-weight: bold;
  margin-bottom: 5px;
  }

  .annee-creation + .text{
   padding-top: 0;
  }

  
  .section__content--many .item .image{
   height: 300px;
  }

.page-prod .article #light{
   top: 20px;
  }

@media (min-width: 768px) {


     .prod-tournee  .item {
 width: 100%;

  }

  .prod-tournee  .shows__content.item .image svg,
  .prod-tournee  .shows__content.item .image a,
  .prod-tournee  .item .image{
   position: static;
   width: auto;
   height: auto;
  }


   .prod-tournee  .item .image{
  width: 33.333%;
  float: left;
  }


  .prod-tournee  .item .text{
  padding-left: 33.333%;
   }


   .prod-tournee  .item:after{
    content: "";
    float: none;
    clear: both;
 }

.prod-tournee  .shows__content.item .image svg{
  max-width: 100%;
  
  }

  }



  /* biographies */


    .cssgrid .fiche-spectacle .section__content.biographies,
    .cssgrid .fiche-spectacle .biographies{
      display:-ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-column-gap: 25px;
      grid-column-gap: 25px;
      width: 100%;
  }
  



    .no-cssgrid .fiche-spectacle .section__content.biographies > *,
    .no-cssgrid .fiche-spectacle .biographies > *{
      float: left;
      width: calc(50% - 25px);
  }


     .no-cssgrid .fiche-spectacle .section__content.biographies:after,
     .no-cssgrid .fiche-spectacle .biographies:after,
     .no-cssgrid .fiche-spectacle .section__content.biographies > *:nth-child(n+2):after,
     .no-cssgrid .fiche-spectacle .biographies > *:nth-child(n+2):after{
    content: "";
    display: block;
    float: none;
    height: 0;
    width: 100%;
    clear: both;
  }


 .fiche-spectacle  .biographies 
 {
     margin: 45px 0;
   }
 .fiche-spectacle  .biographies .item{
    display: block;
     margin-bottom: 25px;
   }

  .no-cssgrid .fiche-spectacle  .biographies .item{
    display: block;
     margin: 0 12px 25px 12px;
     min-height: 300px;
   }

   .fiche-spectacle  .biographies:not(.owl-carousel) figure{
    max-width: 100% !important;
   }


@media (min-width: 700px) {
  
    .cssgrid .fiche-spectacle .section__content.biographies,
    .cssgrid .fiche-spectacle .biographies{
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-column-gap: 25px;
      grid-column-gap: 25px;
     }

  



   .no-cssgrid .fiche-spectacle .section__content.biographies > *,
   .no-cssgrid .fiche-spectacle .biographies > *{
      width: calc(16% - 25px);
  }

  .no-cssgrid .fiche-spectacle .section__content.biographies > *:nth-child(n+2):after,
  .no-cssgrid .fiche-spectacle .biographies > *:nth-child(n+2):after{
    display: none;
  }

   .no-cssgrid .fiche-spectacle .section__content.biographies > *:nth-child(n+6):after,
   .no-cssgrid .fiche-spectacle .biographies > *:nth-child(n+6):after{
     content: "";
    display: block;
    float: none;
    height: 0;
    width: 100%;
    clear: both;
  }


     
 }


 @media (min-width: 1200px) {

   .cssgrid .fiche-spectacle  .biographies{
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-column-gap: 25px;
      grid-column-gap: 25px;
     }

 .cssgrid .fiche-spectacle  .section__content.biographies{
      -ms-grid-column-gap: 75px;
      grid-column-gap: 75px;
     }


    .no-cssgrid .fiche-spectacle  .biographies .item{
      display: block;
      margin: 0 37px 25px 37px;
   }



   .no-cssgrid .fiche-spectacle  .section__content.biographies > *,
   .no-cssgrid .fiche-spectacle  .biographies > *{
      width: calc(12.5% - 75px);

  }

   .no-cssgrid .fiche-spectacle .section__content.biographies > *:nth-child(n+6):after,
   .no-cssgrid .fiche-spectacle .biographies > *:nth-child(n+6):after{
    display: none;
  }

   .no-cssgrid .fiche-spectacle  .section__content.biographies > *:nth-child(n+8):after,
   .no-cssgrid .fiche-spectacle  .biographies > *:nth-child(n+8):after{
     content: "";
    display: block;
    float: none;
    height: 0;
    width: 100%;
    clear: both;
  }




 }




.text_media{
  padding: 0 20px 0 35px;
  }
 @media (min-width: 768px) {
 .text_media{
  max-width: 75%;
  }
}

 @media (min-width: 992px) {
 .text_media{
  max-width: 50%;
  }
}



 @media (min-width: 768px) {


   .page-prod .shows__content img{
    position: static;
    transform: translate(0,0);
    max-width: 80%;
    height: auto;
   }

   .page-prod .prod-tournee .item{
    margin-bottom: 60px
   }


.section-split .calendar__header span.ticket,
  .calendar__inner span.ticket{
    width: 20%;
  }


  .calendar .calendar__inner span.ticket a.default{
      text-indent: -99999px;
      margin: 0;
      padding: 5px 5px 5px 40px;
      float: right;
  }

  .page-prod  .calendar__inner span.place{
    width: 50%;
  }


  .page-prod  .calendar__header span:first-child{
      width: 30%;

  }


   .page-prod  .calendar__content span.date{
    width: 30%;
  }



}

.accroche_prod {
    margin-top: 10px;
  }

  #next-events .prog__content .text{
    padding-left: 0;
  }


  .prog__content.item figure img{
    max-width: 100%;
  }

.prod-tournee,
.page-prod .aside{
    padding-top: 20px;
  }

  .intro-link p{
    margin-bottom: 5px;
  }

  .intro-link + .default{
    margin-top: 0;
  }

  .article .text-content + .infos-plus{
    margin-top: 30px;
  }


/* biographie cas direction */

  #direction .biographies:after{
    content: "";
    display: block;
    clear: both;
  }

  #direction .biographies{
   margin : 0 -25px;
  }



    #direction .biographies > *{
      float: left;
      width: 50%;
      padding: 0 25px;
  }

   #direction .biographies:not(.owl-carousel) figure{
    max-width: 100%;
  }

  @media (min-width: 700px) {
       #direction .biographies > *{
      width: 33.3333%;
  }

  }

   @media (min-width: 992px) {
      #direction .biographies > *{
      width: 16.66%;
    }

 }


#next-events header a.default{
  visibility: hidden;
  height: 0;

  }


@media (min-width: 992px) {

  #next-events header a.default{
    visibility: visible;
    height: auto;
  }


#next-events  a.default.footer-mob{
  visibility: hidden;
  height: 0;

  }
}