/*.boot4 .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.boot4 .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}*/



.animated .thumb {
     text-align:center;
     height:100vh;
}

.animated .thumb img{
     width: initial;
}

.animated .nom {
    color:#C6262B;
}

.testpopup {
    margin-right: 20px;
    margin-top:10px;
}

.testpopup a {
    color: #FFF;
}

@media (max-width: 1279px) {
        .bg-bloc-image-left,
        .bg-bloc-image-right{
            display: none;
        }
    }




    .texte .bg-bloc-image-left,
    .texte .bg-bloc-image-right{
     padding: 0;
    width: 200%;;
    }


      .texte .bg-bloc-image-left{
            right: 100%;
        }
        

        .texte .bg-bloc-image-right{
            left: 100%;
        }


    .texte .bg-bloc-image-left img,
    .texte .bg-bloc-image-right img{
     max-width: 99999999999px;
     width: auto;
    }

        .bg-bloc-image-left,
        .bg-bloc-image-right{
            position: absolute;
            width: 50%;
            pointer-events: none;
            overflow: hidden;
            z-index: -1;
        }

        .bg-bloc-image-top{
            top: 0;
        }

        .bg-bloc-image-bottom{
            bottom: 0;
        }



        .bg-bloc-image-center{
            top: 50%;

            transform: translateY(-50%);
        }

        .bg-bloc-image-left{
            right: 50%;
            text-align: right;
        }
        

        .bg-bloc-image-right{
            left: 50%;
        }


        .bg-bloc-image-right img,
        .bg-bloc-image-left img{
            width: auto;
        }

        .bg-bloc-image-left{
            padding-right: 375px;
        }


        .bg-bloc-image-right img{
            padding-left: 375px;
        }


/* */
#login  input[type=text]{
    margin:0;
    border:0;
    padding:0;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;

}


.wrapFiche #login .row{
margin: 0;
}


.wrapFiche #login label{
margin-top: 20px;
}

.wrapFiche #login fieldset{
    border: none;
}

.wrapFiche #login{
    margin-bottom: 200px;
}



/* Remove the stupid outer glow in Webkit */
#login  input:focus
{
    outline:0;
}



#login input{
height: 40px;
}

#login input[type='text']{
    padding: 0 10px;
    border: 1px  #999 solid;
    height: 40px;
    border-right: none;

}

#login input[type='submit']{
   font-family: 'teko', sans-serif; 
}

.espaces .container > div{
    padding: 5px 0;
}

.espaces .onglet .container .nav > li{
    margin: 0 7.5% 5px 7.5%;
    display: block;
    border: 1px #999 solid;
    min-height: 250px;
}

.espaces .nav li svg path{
    fill: black;
}

.espaces .nav li a:hover svg path{
    fill: #C6262B;

}

.espaces  .onglet .container .nav{
padding: 0;
}

.espaces  .onglet .container{
padding: 0;
}


.espaces .nav li svg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto

}



.espaces .nav li span.embed-responsive{
width: 100%;
display: block;
position: relative;
padding-bottom: 56.25%;
    background-color: white;

}

.espaces .onglet .container .nav span{

}

.espaces .onglet .container .nav figcaption{
    padding: 10px;
}

.espaces .onglet .container .nav figcaption strong{
    padding-top: 10px;
    display: block;
    font-family: 'teko';
    font-weight:normal;
    font-size: 1.7rem;
}


.espaces .nav li span.embed-responsive > span {
    display: block;
    padding: 0;

}


.espaces .onglet .container .nav > li > a{
display: block;
color: black;
background-color:white;
position: relative;
width: 100%;
height: 100%;

}


.espaces .onglet .container .nav > li > a:hover{
 color: #C6262B;

}

.espaces .onglet .container .nav img{
    max-width: 100%;
    max-height: 100%;    
}







@media (min-width: 480px) {

    .no-cssgrid  .espaces .onglet .container .nav li{
        float: left;        
        width: 40%;
    }
    
    .no-cssgrid .espaces .onglet .container .nav > li{
        margin: 0 5px 5px 5px;
        min-height: 300px;
    }

     .espaces .onglet .container .nav{
    display: grid;
    margin: 0 5px;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 5px;
  }

    .espaces .onglet .container .nav:before{
        display: none;
    }
  .espaces .onglet .container .nav > li{
        margin: 0 0 5px 0;
        width: auto;
        min-height: auto;

    }

    #login{
        padding-left: 7.5%;
        padding-right: 7.5%;
    }

}

@media (min-width: 992px) {

    .no-cssgrid  .espaces .onglet .container .nav li{
        float: left;        
        width: 18%;
    }


    .espaces .onglet .container .nav{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }


}



.bloc-soundcloud .legende{
    font-family: "Times New Roman", Georgia, Serif;
    color: #000;
    font-size: 14px;
    text-align: left;
    margin-top: 10px;

}


.onglet li.video a{
    display: block;
    height:  180px;
    width: 320px;
    background-color: gray;
}

.onglet li.video a,
.carousel-inner .embed-responsive.embed-responsive-16by9 .embed-responsive-item{
  background-position: center;
background-repeat: no-repeat;
background-size: cover;  
}

.carousel-inner .embed-responsive.embed-responsive-16by9 .embed-responsive-item{
    opacity: 1;
    -moz-transition: opacity 0s ease-in-out  0.3s; 
    -webkit-transition: opacity 0s sease-in-out  0.3s ; 
    transition: opacity 0s ease-in-out  0.3s ;
}

.carousel-inner .embed-responsive.embed-responsive-16by9.noload .embed-responsive-item{
  -webkit-filter: blur(35px); /* Safari */
    filter: blur(35px);
    opacity: 0.5;
}


.carousel-inner .embed-responsive.embed-responsive-16by9.noload:after{
    top: 50%;
    left:50%;
    width: 60px;
    height: 60px;
    content: "";
    z-index: 1;
    position: absolute;
    transform: translate(-50%, -50%);
    background: transparent url("../img/svg/loader.svg") no-repeat center; 
}

.onglet li.video{
height:  180px;
width: 320px;
}

#pagpalabre .texte p{
 word-break: break-word;

 -webkit-hyphens: auto;

 -moz-hyphens: auto;

 -ms-hyphens: auto;

 -o-hyphens: auto;

 hyphens: auto;
}


#pagpalabre {
    position: relative;
}

.wrapFiche .texte p.page404,
.pagetexte.page404 p{
   text-align: center;
    padding: 0;  
}
.edito-archive {
    text-align: center;
}

p.page404 a {
    text-decoration: underline;
}

button{
    outline-style:none;
    box-shadow:none;
    border-color:transparent;
}



.texte .year a.open{
    color: black;
}
.texte .year a{
      color: #C6262B;
      padding: 0;
      margin-bottom: 10px;
}
.wrapFiche.texte .row{
    margin-top:20px;
}


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

.edito-archive .slick-arrow{
    position: absolute;
    top: 0;
    font-size: 4em;
    margin-top: -.5em;
}


.wrapFiche.edito-archive .row{
    margin: 0;
}



.edito-archive .slick-arrow.slick-next{
    right: 0;
    
}

.edito-archive .slick-arrow.slick-prev{
    left: 0;
}





.edito-archive .slick-dots{
    display: none;
}

.texte .year{
    font-size: 18px;
    margin-top: 5px;
}

.slide-year{
    padding-bottom: 20px;
}
a.selected-filtre,
a.selected-edition-filtre{
    color: black !important;
}

 .valide button.btn[disabled],
.valide button:disabled{
  color: transparent;
  background: transparent url("../img/svg/loader.svg") no-repeat center; 
  background-size: 25px 25px;
}


.error{
      color: #C6262B;
      margin-top: 10px;
}

.succes{
    color: #5cb85c;
    margin-top: 10px;
}


body {
    font-family: "Times New Roman", Georgia, Serif;
    color:#000;
    font-size: 14px;
}

img {
   width:100%;
}

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

p a {
    color: #C6262B;
}

.texte a{
    color: #C6262B;
}

a:hover {
    color:#CCC;
    text-decoration: none;
}

a:focus, a:active {
    color:#000;
    text-decoration: none;
}
.teko, p.teko,
h3.teko, h4.teko{
    font-family: 'Teko', sans-serif;
}

span.inknut,
.inknut, p.inknut,
h3.inknut, h4.inknut{
    font-family: 'Inknut Antiqua Regular', Times, sans-serif;
}

p span.inknut{
   font-size: 1em  
}


h3.teko, h3.inknut{
    font-size: 1.5em !important;
    font-weight: 400 !important;
}

h4.teko, h4.inknut{
    font-size: 1.3em !important;
    font-weight: 400 !important;
}

p.marge-G {
    margin:15px 0 15px 20px;
}

p.marge-G-D-J {
    margin:15px 50px 15px 20px;
    text-align: justify;
}

span.text12 {   
    font-size: 12px;
}

p.text10,
span.text10 {   
    font-size: 10px;
    line-height: 1.1;
    display: block;
}

span.uppercase {
    text-transform: uppercase;
}


.uppercase {
    text-transform: uppercase;
}

.row {
  margin-left:0;
  margin-right:0;
}

.col-xs-12, .col-sm-6 {
    padding-left:0;
    padding-right:0;
}

.col-xs-8 {
    padding-left:10px;
    padding-right:10px;
}

.justify {
    text-align: justify;
}

@media (min-width: 768px) {
    .row {
        margin-left:-15px;
        margin-right:-15px;
    }

    .col-xs-12, .col-sm-6 {
        padding-left:15px;
        padding-right:15px;
    }
}

.home .wrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding:0 20px;
    height: 100%;
}

.home .wrap > .bloc{
    margin-top: 39px;
}

.wrap {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding:20px;
}

nav.brique, .secondary.brique {
    background-color:#C6262B;
}

#primary {
    position: fixed;
    top:-70px;
    left:0;
    width: 100%;
    padding: 0;
    z-index: 500;
}

#primary.go {
    top:0px;
    -moz-transition: top 0.5s ease-in-out; 
    -webkit-transition: top 0.5 sease-in-out; 
    transition: top 0.5s ease-in-out;
}

#primary.home.go {
    top:0px;
    -moz-transition: top 0.8s ease-in-out; 
    -webkit-transition: top 0.8s ease-in-out; 
    transition: top 0.8s ease-in-out;
}

#primary nav {
    font-family: 'Teko', sans-serif;
    margin: 0;
    float: left;
    width:50%;
    padding: 0.5em;
    height: 40px;
}

@media (min-width: 768px) {
    #primary nav {
        font-family: 'Teko', sans-serif;
        margin: 0;
        float: left;
        width:65%;
        padding: 0.5em;
        height: 40px;
    }
}

@media (min-width: 992px) {

#primary nav {
    font-family: 'Teko', sans-serif;
    margin: 0;
    float: left;
    width:45%;
    padding: 0.5em;
    height: 40px;
}
}

@media (min-width: 1450px) {

#primary nav {
    width:46%;
}
}

#primary nav > ul {
    padding:0;
    margin: 0;
    display: inline-block;
}

#primary nav > ul > li {
    position:relative;
}

#primary nav.menu a {
    text-transform: uppercase;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 0.02em;
}

#primary nav.menu a:hover {
    color:#DEDEDE;
}

#primary nav ul.underub {
    display: none;
    position:static;
    width:80%;
    padding: 0 0 10px 0;
    margin: 0;
}

@media (min-width: 768px) {
    #primary nav ul.underub {
        display: none;
        top:53px;
        position:absolute;
        padding: 10px 0 0 0;
        margin: 0;
    }
}

@media (min-width: 992px) {
    #primary nav ul.underub {
        display: none;
        top:23px;
        position:absolute;
        padding: 10px 0 0 0;
        margin: 0;
    }
}

#primary nav ul.underub a {
    display: block;
    width:100%;
    padding:0 15px;
    margin: 2px 0;
}

@media (min-width: 768px) {
    #primary nav ul.underub a {
        display: block;
        width:150px;
        padding:0 5px;
        margin: 5px 0;
    }
    #primary nav .theatre ul.underub a {
        width:180px;
    }
}


#primary nav.brique ul.underub a {
    background-color:#C6262B;
}

.soleil {
    float:none;
    width: 100%;
    position: absolute;
    top:40px;
    height: 30px;
    z-index: -1;
}

.logo {
    position: absolute;
    width:30%;
    left:50%;
    margin-left: -15%;
    bottom:0;
    height: 40px;
}

.logo img {
    display:block;
    position: absolute;
    width: 105%;
    left:-3px;
    bottom:0;
}

.bgleft {
    position: absolute;
    width:35%;
    left:0;
    height: 30px;
    background-color: #C6262B;
}

.bgright {
    position: absolute;
    width:35%;
    right:0;
    height: 30px;
    background-color: #C6262B;
}

@media (min-width: 480px) {
    .logo {
        position: absolute;
        width:20%;
        left:50%;
        margin-left: -10%;
        bottom:0;
        height: 40px;
    }

    .bgleft {
        position: absolute;
        width:40%;
        left:0;
        height: 30px;
        background-color: #C6262B;
    }

    .bgright {
        position: absolute;
        width:40%;
        right:0;
        height: 30px;
        background-color: #C6262B;
    }
}

@media (min-width: 768px) {
    .soleil {
        float:none;
        width: 100%;
        position: absolute;
        top:40px;
        height: 30px;
        z-index: -1;
    }

    .logo {
        position: absolute;
        width:14%;
        left:50%;
        margin-left: -7%;
        bottom:0;
        height: 40px;
    }

    .bgleft {
        position: absolute;
        width:43%;
        left:0;
        height: 30px;
        background-color: #C6262B;
    }

    .bgright {
        position: absolute;
        width:43%;
        right:0;
        height: 30px;
        background-color: #C6262B;
    }
}

@media (min-width: 992px) {

.soleil {
    float:left;
    top: 0;
    width: 10%;
    position: relative;
    height: 40px;
}

.logo {
    position: absolute;
    width:100%;
    left:0;
    margin-left: 0;
    bottom:0;
    height: 40px;
}

}

@media (min-width: 1450px) {

.soleil {
    width: 8%;
}
}


.logo.brique {
    color:#C6262B;
}

.logo.brique a {
    color:#C6262B;
}

.logo .nom {
    display:block;
    width:100%;
    position: absolute;
    bottom:-17px;
}

.secondary {
    position: relative;
    float: left;
    width: 50%;
    height: 40px;
}

@media (min-width: 768px) {
    .secondary {
        position: relative;
        float: left;
        width: 35%;
        height: 40px;
    }
}

@media (min-width: 992px) {

.secondary {
    position: relative;
    float: left;
    width: 45%;
    height: 40px;
}

}


@media (min-width: 1450px) {

.secondary {
    width: 46%;
}

}


.secondary > div {
    float:right;
}

.langues {
    margin:7px 10px 5px 5px;
    font-family: 'Teko', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #FFF;
}

.langues a {
    color:#FFF;
    text-decoration: underline;
}

.langues a span {
    padding-left:2px;
    padding-right:2px;
}

.langues a:hover {
    color:#DEDEDE;
    text-decoration: underline;
}

.langues a.ici {
    text-decoration: none;
    color: #DEDEDE;
    cursor: default;
}

.medias {
    margin:6px 15px 5px 15px; 
}

.medias a {
    color:#FFF;
    font-size: 1.3em;
}

.medias a:hover {
    color:#DEDEDE;
}

.recherche {
    margin:5px 10px 5px 5px; 
}

.recherche a {
    color:#FFF;
    font-size: 1.4em;
}

.recherche a:hover {
    color:#DEDEDE;
}


/* hamburger de home  */

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
#primary.go .hamburger {
  position:absolute;
  top:0;
  left:0;
  z-index: 100;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  border: 0;
  overflow: visible; 
}
  

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

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 47px;
    height: 4px;
    background-color: #FFF;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.1s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.1s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.1s; }


.hamburger .titre {
    font-family: 'Inknut Antiqua Regular', Times, serif;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 700;
    margin-top: 1px;
    margin-bottom: 0;
    color: #FFF;
}

/*
.listMenu {
        position:static;
        display: inline-block;
        width:auto;
        height: auto;
        background-color: transparent;
        padding-left: 5px;
        padding-right: 5px;
}
*/

#primary nav > ul.listMenu {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        background-color: #C6262B;
        padding:90px 20px 10px 15px;
}

.listMenu .media {
    margin-top: 10px;
}



@media (min-width: 768px) {
    #primary nav > ul.listMenu {
        position:static;
        width:auto;
        height: auto;
        background-color: transparent;
        padding:0;
    }

    #primary nav > ul.listMenu > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }
}


/*  home page   */

.rising {
    opacity: 0;
    position: fixed;
    width: 90%;
    top: 8em;
    margin-right: 5%;
    margin-left: 5%;
    z-index: 2;
}

.rising.go {
    opacity: 1;
    -moz-transition: opacity 1s ease-in-out; 
    -webkit-transition: opacity 1s ease-in-out; 
    transition: opacity 1s;
}

.rising img {
    text-align: center;
}


@media (min-width: 768px) {

.rising {
    width: 70%;
    top: 10em;
    margin-right: 15%;
    margin-left: 15%;
    z-index: 2;
}


}

@media (min-width: 992px) {

.rising {
    width: 80%;
    top: 6em;
    margin-right: 10%;
    margin-left: 10%;
    z-index: 2;
}


}


.blanc {
    color: #FFF;
}

.souligne {
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #FFF;
}

.liste.home {
    position: relative;
    z-index: 3;
    opacity: 0;
    margin-top: 50em;
}

.liste.home.go {
    opacity: 1;
    margin-top: 20em;
    -moz-transition: all 0.2s ease-in-out; 
    -webkit-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out;
}

@media (min-width: 768px) {
    .liste.home.go {
        opacity: 1;
        margin-top: 28em;
        -moz-transition: all 0.2s ease-in-out; 
        -webkit-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out;
    }
}

.item {
    margin: 3em 0;
    position: relative;
    overflow: hidden;
}

.carousel-caption {
    color:#000;
    position: initial;
}

.item .carousel-caption {
    text-shadow: initial !important;
}


.item .wrapped {
        display: block;
        position: relative;
}

.item .wrapped figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
}

.item.blue .wrapped figure {
        background-color: #00768e;
  /*      background-color: #a34637;*/
}

.item.brique .wrapped figure {
        background-color: #C6262B;
}

.item.kaki .wrapped figure {
        background-color: #8f6f00;
}
 
.item .wrapped figure img {
        opacity: 0.3;
        width:100%;
        height: 100%;
        -moz-transition: opacity 0.5s ease-in-out; 
        -webkit-transition: opacity 0.5s ease-in-out; 
        transition: opacity 0.5s;
}

.apropos .item .wrapped figure img {
        opacity: 1;
        width:100%;
        height: 100%;
        -moz-transition: opacity 0.5s ease-in-out; 
        -webkit-transition: opacity 0.5s ease-in-out; 
        transition: opacity 0.5s;
}

@media (min-width: 768px) {

    .item {
        margin: 3em 0;
        position: relative;
        overflow: hidden;
        background-color: transparent;
    }

    .item .wrapped {
        display: block;
        position: relative;
        height: 450px;
    }

    .item .wrapped figure img {
        opacity: 1;
        width:100%;
        height: 100%;
        -moz-transition: opacity 0.3s ease-in-out; 
        -webkit-transition: opacity 0.3s ease-in-out; 
        transition: opacity 0.3s;
    }

    .item.oui .wrapped figure img {
        opacity: 0.3;
        -moz-transition: opacity 0.5s ease-in-out; 
        -webkit-transition: opacity 0.5s ease-in-out; 
        transition: opacity 0.5s;
    }

    .demandez .item .wrapped figure img {
        opacity: 0.5;
    }

    .demandez .item.oui .wrapped figure img {
        opacity: 0.3;
    }

}

.item .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 50;
 }

.item .content h2 {
    font-family: 'Inknut Antiqua Bold', Times, serif;
    color:#FFF;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight:800;
    letter-spacing: 0.02em;
    padding: 0;
    margin:0;
    line-height: 1.3;
}

.liste.home .item .content .titre {
        background-color: rgba(0, 0, 0, 0.6);
        font-size: 1.3em;
        text-align: center;
        margin-top: 0;
        font-weight: 800;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top:0;
        padding:0.3em 0;
}

.liste.home .item.oui .content .titre span {
    position: relative;
}

.liste.home .item.oui .content .titre span:before {
    content:"";
    background-image: url('../img/svg/bandes3-ouvrant-blanc.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    top:50%;
    left:-20px;
    margin-top: -5px;
}

.liste.home .item.oui .content .titre span:after {
    content:"";
    background-image: url('../img/svg/bandes3-fermant-blanc.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    top:50%;
    right:-20px;
    margin-top: -5px;
}

@media (min-width: 768px) {

    .item .content h2 {
        font-size: 1.3em;
        letter-spacing: 0.05em;
        line-height: 1.5;
    }
    .liste.home .item .content {
        height: 450px;
    }

    .liste.home .item .content .titre {
        background-color: transparent;
        font-size: 2.5em;
        text-align: center;
        position: absolute;
        top: 50%;
        left:50%;
        padding: 0;
        margin-top: 0px;
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-weight: 700;
        text-shadow: 0 0 7px rgba(0,0,0, 0.5);
    }

    .liste.home .item.oui .content .titre {
        background-color: rgba(0, 0, 0, 0.6);
        font-size: 1.3em;
        margin-top: 0;
        font-weight: 800;
        top:0;
        left:0;
        padding:0.3em 0;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width:100%;
    }
}


.texte {
    font-size: 1.1em;
    line-height: 1.2;
}

.edito .texte, .edito .lien {
    text-align: left;
}

.item .content a:hover .cartouche h2{
    color: #C6262B;
}

@media (min-width: 768px) {

.edito .texte, .edito .lien {
    text-align: right;
}

}

.item .content .edito .texte {
    margin-top: 15px;
}


ul.texte {
    padding:0;
    margin:5px 0px 5px 30px;
}

ul.blanc {
    color: #FFF;
}

#diaporama {
    margin-top: 50px;
    width:100%;
    position: relative;
}


@media (min-width: 768px) {

#diaporama {
    margin-top: 0;
    width:100%;
    position: relative;
}

}


#diaporama article {
   position: relative;
}

#diaporama figure img {
    height: 370px;
    width:auto;
}

#customNav {
    margin-top: 10px;
    position: relative;
    z-index: 50;
}

#customNav .owl-prev {
    display: inline-block;
    width:30px;
    height:30px;
    background-image: url('../img/svg/fleche-g.svg');
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}

#customNav .owl-next {
    display: inline-block;
    width:30px;
    height:30px;
    background-image: url('../img/svg/fleche-d.svg');
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 5px;
    cursor: pointer;
}

#customDots {
    display: inline-block;
    padding: 0;
}

#customDots .owl-dot.active {
    opacity: 1;
}

#customDots .owl-dot {
    cursor: pointer;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 100%;
    background-color: #FFF;
    opacity: 0.5;
}

.cartouche {
    position: absolute;
    width:100%;  
    left:0;
    bottom:0;
    color: #000;
    text-align: left;
}

.cartouche > div {
    display: inline-block;
    background-color: #FFF;
    padding:10px 20px;
}

.item .content .cartouche h2 {
    padding: 0;
    margin: 0;
    font-family: 'Inknut Antiqua Regular', Times,  serif;
    font-size: 1em;
    line-height: 1em;
    color: #000;
}

.item .content .cartouche a {
    position: static;
    text-indent: 0;
    color: #000;
}

.item .content .cartouche a:hover {
    color: #C6262B;
}

.item .content .cartouche p.detail {
    padding: 0;
    margin:2px 0 0 0;
    font-size: 1.1em;
}

.item .content .cartouche p.lien {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    line-height: 1.1em;
}

.home .item .bloc {
    opacity: 1;
    -moz-transition: opacity 0.1s linear; 
    -webkit-transition: opacity 0.1s linear; 
    transition: opacity 0.1s;
}

@media (min-width: 768px) {

    .home .item .bloc {
       opacity: 0;
    }

    .home .item.oui .bloc {
        opacity: 1;
        -moz-transition: opacity 0.5s ease-in-out; 
        -webkit-transition: opacity 0.5s ease-in-out; 
        transition: opacity 0.5s;
    }

}

.item .bloc a {
    color: #FFF;
}

.home .demandez .bloc > div {
    position: relative;
    height: 375px;
}

.demandezTxt {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.macron {
    position: absolute;
    right:5px;
    top:50%;
    z-index: 100;
}

.afficheimgDem .roll {
   display: none;
   height: 100%;
}

.afficheimgDem .roll img {
   height: 80%;
   width: auto;
   position: absolute;
   top:50%;
   right:10px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.afficheimgDem .roll.oui {
   display: block;
}

.demandezTxt > a.masque {
   opacity: 0.4;
}

.demandezTxt > a {
   display: block;
   margin-bottom: 10px;
}

.demandezTxt > a:last-child {
   margin-bottom: 0;
}

.item .type {
    font-family: 'IM Fell English', serif;
    margin:2px 0 0 0;
    font-size: 0.8em;
    font-variant: small-caps;
}

.item .almanach .type {
    font-family: 'IM Fell English', serif;
    margin:0 0 2px 0;
    font-size: 0.8em;
    text-decoration: underline;
    font-variant: small-caps;
}

.item .titreSpec {
    margin:0;
    font-family: 'Inknut Antiqua Regular', Times,  serif;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1.3em;
}


.item .almanach .text-right {
    text-align: left;
}

.item .almanach .bloc div.bloc1txt, .item .almanach .bloc div.bloc2txt, .item .almanach .bloc div.bloc3txt {
    position: static;
}

.item .almanach .bloc div.bloc3txt {
     margin-top: 15px;
}


@media (min-width: 768px) {

    .item .almanach .wrap {
        position: relative;
        height: 375px;
    }

    .item .almanach .wrap .bloc {
        position: relative;
        height: 160px;
        margin-bottom: 30px;
    }

    .item .almanach .wrap .bloc > div {
        height: 165px;
        position: relative;
    }

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

    .item .almanach .bloc div.bloc1txt {
    position: absolute;
    right:15px;
    bottom:0;
}

    .item .almanach .bloc div.bloc2txt {
        position: absolute;
        right:15px;
        top:0;
    }

    .item .almanach .bloc div.bloc3txt {
        position: absolute;
        left:15px;
        top:0;
        margin-top: 0px;
    }

}



.item .almanach .bloc .afficheimg {
    position: absolute;
    height: 150px;
    width: auto;
    left:15px;
    bottom:0;
}

.item .almanach .titreSpec, .item .redec .titreSpec  {
    margin: 0;
}

.item .titreSpec a:hover {
    color: #CCC;
}

.item .compagnie {
    margin:0;
    font-size: 0.9em;
    line-height: 1.3;
}

 .item .content .date {
    margin:0;
}

.item .content .date.trait {
    display: block;
    margin:2px 0 0 0;
}

.item .content .date {
    margin-top: 2px;
}

.item .content .date span {
    display: inline-block;
    font-family: 'Inknut Antiqua Regular', Times,  serif;
    border-top:1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.item .content .date span {
    font-size: 0.7em;
    line-height: 1.7;
    padding-bottom: 1px;
}

.afficheimg p img {
   position: absolute;
   height: 100%;
   width: auto;
   bottom: 2px;
}

.afficheimg .coin {
    display: block;
    width:20px;
    height:20px;
    position: absolute;
    left:0;
    bottom:-2px;
    z-index: 100;
}

.afficheimg .coin img {
    width: auto;
}

.bloc1txt, .bloc2txt, .bloc3txt {
    opacity: 1;
}

.bloc1 img {
    opacity: 0;
}

.bloc1.oui img {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out; 
    -webkit-transition: opacity 0.5s ease-in-out; 
    transition: opacity 0.5s;
}

.bloc2 img {
    opacity: 0;
}

.bloc2.oui img {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out; 
    -webkit-transition: opacity 0.5s ease-in-out; 
    transition: opacity 0.5s;
}

.bloc3 img {
    opacity: 0;
}

.bloc3.oui img {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out; 
    -webkit-transition: opacity 0.5s ease-in-out; 
    transition: opacity 0.5s;
}

.bloc1txt.masque, .bloc2txt.masque, .bloc3txt.masque {
   opacity: 0.4;
}

.item .content .detail {
    font-size: 0.9em;
    line-height: 1.3;
    margin:5px 0 0 0;
}

.item .footer {
    opacity: 1;
    position: absolute;
    left:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    z-index: 60;
    height: 40px;
    -moz-transition: opacity 0.5s ease-in-out; 
    -webkit-transition: opacity 0.5s ease-in-out; 
    transition: opacity 0.5s;
}


@media (min-width: 768px) {
    .item .footer.diapo {
        z-index: 30;
    }

    .item .footer {
    opacity: 0;
    position: absolute;
    left:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    z-index: 60;
    height: 40px;
}

    .item.oui .footer {
        opacity: 1;
        -moz-transition: opacity 0.5s ease-in-out; 
        -webkit-transition: opacity 0.5s ease-in-out; 
        transition: opacity 0.5s;
    }
}

.item .footer a {
    display: block;
    text-align: center;
    font-family: 'Teko', sans-serif;
    color:#FFF;
    font-size: 1.6em;
    text-transform: uppercase;
    padding:0.3em 0;
    margin:0;
    letter-spacing: 0.05;
}

.lien {
    text-decoration: underline;
    font-style: italic;
}

.almanach .bloc {
    margin-top: 10px;
}

.almanach .lien {
    text-decoration: none;
    font-style: italic;
    font-size: 0.7em;
    margin-top: 2px;
    line-height: 1.2;
    margin-bottom:0;
}

.redec .bloc {
    text-align: center;
    margin-top: 10px;
}

.item .archive {
    padding-top: 0;
    text-align: center;
}

.item .archive img {
    width:80%;
}


/* liste des spectacles */

.liste.page > header {
    margin-bottom: 6em;
}

.liste.page > header h1.titre {
    position: fixed;
    top:7em;
    width:100%;
}

.liste.page.sas > header h1.titre {
    position: absolute;
    top:7em;
    width:100%;
}

.liste.page.demandez > header h1.titre {
    position: absolute;
    top:7em;
    width:100%;
}

.liste.page.edition > header h1.titre {
    position: absolute;
    top:7em;
    width:100%;
}

.liste.page.infos > header h1.titre {
    position: absolute;
    top:7em;
    width:100%;
}

.liste.page > header h1.titre span {
    position: relative;
}

.liste.page > header h1.titre span:before {
    content:"";
    background-image: url('../img/svg/bandes3-ouvrant.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    top:50%;
    left:-20px;
    margin-top: -5px;
}

.liste.page > header h1.titre span:after {
    content:"";
    background-image: url('../img/svg/bandes3-fermant.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    top:50%;
    right:-20px;
    margin-top: -5px;
}

.galerie > header a.titre span {
    position: relative;
}

.galerie > header a.titre span:before {
    content:"";
    background-image: url('../img/svg/bandes3-ouvrant.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    top:50%;
    left:-20px;
    margin-top: -5px;
}

.galerie > header a.titre span:after {
    content:"";
    background-image: url('../img/svg/bandes3-fermant.svg');
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    position: absolute;
    top:50%;
    right:-20px;
    margin-top: -5px;
}

.galerie > header a.titre.ici span:before, .galerie > header a:hover.titre span:before {
    background-image: url('../img/svg/bandes3-ouvrant-gris.svg');
}

.galerie > header a.titre.ici span:after, .galerie > header a:hover.titre span:after  {
    background-image: url('../img/svg/bandes3-fermant-gris.svg');
}


h1.titre {
    font-family: "Inknut Antiqua Bold", Times,  serif;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align:center;
    font-weight:800;
    letter-spacing: 0.06em;
    padding: 0;
    margin: 0;
}

.liste.page {
    margin-top: 11em;
}

.liste.page.sas {
    margin-top: 3em;
}

.liste.page.sas.head {
    margin-top: 11em;
}

.blocInfos.justify .texte {
    text-align: justify;
}


.liste.page .item .content .titre {
    font-size: 2em;
    text-align: center;
    position: static;
    -moz-transform:none;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}

.page .item > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999999px;
    z-index: 100;
}

 .page .item .wrapped {
    position: relative;
    padding-bottom: 40%;
    padding-top: 25px;
    height: 0;
}

@media (min-width: 768px) {

    h1.titre {
    font-size: 1.8em;
    }

    .liste.page {
    margin-top: 13em;
    }

    .liste.page > header h1.titre {
    top:4em;
    }

    .liste.page.sas.head {
    margin-top: 13em;
    }

    .page .item .wrapped {
    position: relative;
    padding-bottom: 28%;
    padding-top: 25px;
    height: 0;
    }

    .liste.page.demandez > header h1.titre {
    top:4em;
    }

    .liste.page.sas > header h1.titre {
    top:4em;
    }

    .liste.page.edition > header h1.titre {
    top:4em;
    }

    .liste.page.infos > header h1.titre {
    top:4em;
}


}

@media (min-width: 992px) {
    .page .item .wrapped {
        position: relative;
        padding-bottom: 18%;
        padding-top: 25px;
        height: 0;
    }

     .liste.page.demandez > header h1.titre {
    top:4em;
}
}

.page .item {
    margin: 1.5em 0;
}

.page .content .wrap {
    padding:0 20px;
    position: relative;
}

.page .item .bloc h2 {
    margin-top:10px;
    text-shadow: 1px 2px 3px rgba(0,0,0, 0.5);
}

.page .item .content h3.date {
    font-size: 1.8em;
    text-align: center;
    font-weight: 400;
}

.page .item .content .date span {
    font-size: inherit;
    line-height: 1.7;
    padding-bottom: 5px;
}

.item .affiche {
    opacity: 1;
    margin-top:0;
    text-align: left;
    overflow: hidden;
}

.item .affiche img {
    width:auto;
}

.page .item .content .date {
    display: block;
    font-family: 'Inknut Antiqua Regular', Times, serif;
    color:#FFF;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight:400;
    letter-spacing: 0.05em;
    padding: 0;
    margin:5px 0 0 0;
}

@media (min-width: 768px) {
    .page .item .bloc h2 {
        margin-top:15px;
    }

    .item .affiche {
        opacity: 0;
        text-align: right;
        overflow: auto;
    }

    .item.oui .affiche {
        opacity: 1;
        -moz-transition: opacity 0.5s ease-in-out; 
        -webkit-transition: opacity 0.5s ease-in-out; 
        transition: opacity 0.5s;
    }

    .demandez .item .affiche {
    opacity: 1;
    }

}


/* fiche spectacle */

span#top {
    position: absolute;
    top:0;
}

header.fiche {
    position: relative;
    margin-top: 7em;
}

header.fiche p.like_titre,
header.fiche h1.titre {
    font-family: 'Inknut Antiqua Medium', Times, serif;
    font-size: 1.4em;
    text-align:left;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 15px;
}

header.fiche p.like_titre a{
    color: black;
    margin-top:0;
    text-transform: uppercase;
    padding: 0;
}

header.fiche p.like_titre{
    margin-bottom: 0;
}


header.fiche p.like_titre a:hover{
color: #cccccc;
}


header.fiche p.like_titre a span.like_soustitre{
    font-family: 'Inknut Antiqua Medium',Times, serif;
    text-align: left;
    margin: 0;
    text-transform: none;
    display: block;
}


.wrapFiche > .row > .col-xs-12 > p.like_titre{
    padding:0;
    margin-top:0;
}

.brown.blocInfos header {
    background-color: #631700;
}

.brique.blocInfos header {
  /*  background-color: #C6262B;*/
}

header.fiche h2.soustitre {
    font-family: 'Inknut Antiqua Medium',Times,  serif;
    font-size: 1.3em;
    text-align:left;
    line-height: 1.1;
    margin: 5px 0 0 0;
    font-weight: 600;
}

header.fiche .date {
    font-family: 'Inknut Antiqua Regular', Times,  serif;
    font-size: 1.3em;
    font-weight:400;
    letter-spacing: 0.05em;
    padding: 0;
    margin:15px 0 0 0;
}

header.fiche .texte {
    margin-top:15px;
}

header.fiche .affiche img {
    width:100%;
    margin-left:0%;
}

.wrapFiche {
    margin:20px 0;
    padding: 0 2%;
}

.wrapFiche .row {
    margin:40px 0 0 0;
}

.wrapFiche .row:first-child {
    margin:0;
}


@media (min-width: 480px) {
    header.fiche .affiche img {
        width:50%;
        /*margin-left: 25%;*/
    }
}

@media (min-width: 600px) {
    header.fiche .affiche img {
        width:30%;
        /*margin-left: 35%;*/
    }
}

@media (min-width: 768px) {

    header.fiche .affiche {
    text-align: right;
}

    header.fiche h1.titre {
        margin-top: 0px;
    }

    .wrapFiche {
        max-width: 750px;
        margin:20px auto;
    }

    .essai1{
        max-width: 100%;
    }


    header.fiche .affiche img {
        width:70%;
    }
}

@media (min-width: 992px) {
    header.fiche .affiche img {
        width:60%;
    }
}


.wrapFiche .texte p:last-child {
    margin-bottom: 0;
}





#diaporamaFiche figure,
 #diaporamaFiche .slick-slide{
    position: relative;
    display: inline-block;
    vertical-align: top;
 }


 #pagpasse .slick-slider{
    text-align: center;
 }


 #pagpasse .bloc.row{
    text-align: left;
 }


 #pagpasse .bloc.row.right{
    text-align: right;
 }
 



.slick-slide {
    margin-left: 5px;
}

 #diaporamaFiche .embed-responsive {
        background:transparent url("../img/svg/loader.svg") center no-repeat;
}

 #diaporamaFiche .thumbnail-ok .embed-responsive{
        background-image: url("");
        background-size: cover;
        cursor: pointer;
}

 #diaporamaFiche figure{
        background: #cccccc url("../img/svg/loader.svg") center no-repeat;
 }
.preload{
    opacity: 0;
    visibility: hidden;
}

 #diaporamaFiche .thumbnail-ok .embed-responsive:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 30px;
    border-color: transparent transparent transparent #ffffff;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: 4px;
    margin-top: 2px;
    transform: translate( -50%, -50%);
    position: absolute;

 }

  #diaporamaFiche .thumbnail-ok .embed-responsive:before{
    content: "";
    display: block;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    position: absolute;
 }


.data-container.loading,
#diaporamaFiche .thumbnail-ok.loading .embed-responsive:before{
    background:  transparent url("../img/svg/loader.svg") no-repeat center;
}

#diaporamaFiche .thumbnail-ok.loading .embed-responsive:after{
    opacity: 0;
    visibility: hidden;
}



 #diaporamaFiche .newsimg,
  #diaporamaFiche .slick-slide .newsimg{
    position: absolute;
    width:  100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s opacity ease-in-out;
 }

#diaporamaFiche .okload img.newsimg,
#diaporamaFiche .slick-slide.okload img.newsimg{
    opacity: 1;
    visibility: visible;
}

#diaporamaFiche .slick-slide.okload img.newsimg{
       position: static;
}

#lightbox .lb-details {
    text-align: center;
    width: 100%;
}

.lb-nav a.lb-prev {
    background: url('../img/svg/nfleche-g.svg') left 48% no-repeat !important;
    background-size: 40px !important;
}
.lb-nav a.lb-next {
    background: url('../img/svg/nfleche-d.svg') right 48% no-repeat !important;
    background-size: 40px !important;
}



.embed-responsive iframe.loaded{
    background-color: black;
}

#diaporamaFiche .thumbnail-ok.loading .embed-responsive{
    background-color: black;
    background-image: none !important;
}

#diaporamaFiche.seul{
text-align: center;
}

#diaporamaFiche.seul figure + figure{
    margin-top: 20px;
}

#diaporamaFiche .video.loading .cartouche,
#diaporamaFiche .slick-slide.okload .preload{
    display: none;
}



@media (min-width: 1024px) {
   

   #diaporamaFiche .newsimg,
  #diaporamaFiche .slick-slide .newsimg{
    width:  auto;
}
    #diaporamaFiche figure.video {
    width: 648px;
    }

    #diaporamaFiche .slick-slide{
        width: auto;
        height: 365px;
    }

    #diaporamaFiche img,
    #diaporamaFiche .slick-slide img{
        width: auto;
        height: 365px;
    }



    
}

@media (min-width: 1450px) {

}


#diaporamaFiche.seul figure {
    height: 365px;
}

#diaporamaFiche .owl-stage-outer, #diaporamaFiche .owl-stage, #diaporamaFiche .owl-item, #diaporamaFiche .owl-item article, #diaporamaFiche .owl-item article figure, #diaporamaFiche .owl-item article figure img {
    width:100%;
    height:100%;
}

.fit { 
    object-fit: cover;
}

.contain { 
    object-fit: contain;
}

.blocInfos {
    margin:0;
    position: relative;
    margin-top: 2em;
}

.blocInfos.borderDown {
    margin: 0 0 4px 0;
}

.blocInfos > header {
    margin-bottom: 10px;
}

.blocInfos h1 {
    margin: 0 2%;
    padding: 0;
    font-size: 2.4em;
    font-family: 'Teko', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #C6262B;
    letter-spacing: 0.05em;
}

.blocInfos h1:before {
    content:"";
    display: block;
    width:35px;
    height:3px;
    /*background-color: #C6262B;*/
    margin-bottom: 0.05em;
}

h1.fiche-almanach:before, h1.ficheTexte:before {
    display: none;
}


.blocInfos h1 > span {
    font-size: 0.8em;
}

.blocInfos h2 {
    font-size: 1.1em;
    line-height: 1.3;
    font-family: "Inknut Antiqua Regular", Times,  serif;
    font-weight: normal;
    padding: 0;
    text-transform: uppercase;
    margin:15px 0 5px 0;
}



.blocInfos.pagetexte h2 {
    font-size: 1.2em;
    line-height: 1.2;
    font-family: "Times New Roman",Georgia,serif;
    font-weight: normal;
    padding: 0;
    margin:15px 0 10px 0;
    text-transform: none;
}

.blocInfos h2:first-child {
    margin-top:0;
}

@media (min-width: 768px) {
    .blocInfos {
    margin:50px 0 5px 0;
    }
    .blocInfos h1 {
    margin: 0 2%;
    }
}

@media (min-width: 992px) {
    .blocInfos h1 {
    margin: 0;
    }
}

p.TekoBig {
    font-family: 'Teko', sans-serif;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 0.9;
    margin:10px 0;
    position: relative;
    padding:0;
    max-width: 110px;
}

p.TekoPasse {
    font-family: 'Teko', sans-serif;
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
    line-height: 0.9;
    margin:10px 0;
    position: relative;
    padding:0;
    color: #C6262B;
}


p.TekoBig {
    margin-top: 20px;
    margin-left: 15px;
}

.TekoBig a:before {
    content: '';
    display: block;
    position: absolute;
    width:7px;
    height:95%;
    background-color: #C6262B;
    left:-11px;
    top:0%;
}

.brique .TekoBig a {
    color: #C6262B;
    font-size: 16px;
}

.brique .TekoBig a:hover {
    color: #CCC;
}

.brique .TekoBig a:hover:before {
    background-color: #CCC;
}

.brique .borderDown:after {
    content: '';
    display: block;
    position: absolute;
    bottom:1px;
    left:0;
    width:100%;
    height:5px;
    background-color:#C6262B;
}

@media (min-width: 768px) {
    p.TekoBig {
    margin-left: 0px;
    }
}



.brique .border {
    background-color:#C6262B;
}


.lienTypo p {
    margin-bottom:5px; 
}

.lienTypo a {
    font-family: 'Teko', sans-serif;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 1;
    color: #000;
}

.lienTypo a:hover {
    color:#ccc; 
}

.lienTypo a i {
    color:#666; 
}

.lienTypo a:hover i {
    color:#ccc; 
}


/*  diapo fiche  */

#diaporamaFiche .slick-next,
#diaporamaFiche .slick-prev{
background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;

}


#diaporamaFiche .owl-controls {
    padding: 0;
    position: absolute;
    top:50%;
    width:100%;
    z-index: 50;
    margin-top: -93px;
}

#diaporamaFiche .slick-prev ,
#diaporamaFiche .owl-prev {

    width:100px;
    height:100px;
    background-image: url('../img/svg/nfleche-g.svg');
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: absolute;
    left:90px;
    top:0;
    z-index: 50;
    opacity: 0.7;
    background-size: cover;
}



#diaporamaFiche button::-moz-focus-inner {
    border: 0;
    padding: 0;
}



#diaporamaFiche .slick-next:hover,
#diaporamaFiche .slick-prev:hover,
#diaporamaFiche .owl-next:hover,
#diaporamaFiche .owl-prev:hover {
    opacity: 1;
}

#diaporamaFiche .slick-next,
#diaporamaFiche .owl-next {
    width:100px;
    height:100px;
    background-image: url('../img/svg/nfleche-d.svg');
    background-repeat: no-repeat;
    text-indent: -9999px;
    position: absolute;
    right:90px;
    z-index: 50;
    opacity: 0.7;
    background-size: cover;
}


#diaporamaFiche .slick-next,
#diaporamaFiche .slick-prev{
    top: 150px;
}




#diaporamaFiche .cartouche {
    position: absolute;
    width:100%;  
    left:0;
    bottom:0;
}

#diaporamaFiche .cartouche > div {
    width:200px;
    padding:10px;
    background-color: rgba(255, 255, 255, 0.4);
    color: #000;
    text-align: left;
}

#diaporamaFiche .cartouche > div p {
    margin: 0;
}

/* Player SoundCloud */

.bloc-soundcloud {
    position: relative;
    margin-bottom: 20px;
}

.nav .bloc-soundcloud {
    position: initial;
    margin-bottom: 20px;
}

.sc-artwork-list {
    display : none;
}

.sc-track-duration{
    float:right;
    position: relative;
    top: 4px;
}

.sc-scrubber .sc-time-span img {
    background-color:#CCC;
    height: 35px;
    width: 100%;
}

.sc-trackslist{
    display:none;
}

.sc-played {
    height: 3px;
    background-color:#C6262B;
    bottom: 0;
    width: 100%;
    position: absolute;
}

.sc-buffer {
    height: 3px;
    background-color:#999;
    bottom: 0;
    width: 100%;
    position: absolute;
}

.sc-time-indicators{
    position: absolute;
    font-family: 'Inknut Antiqua Regular', Times,  serif;
    top:-20px;
    right:0px;
    font-size: 0.7em;
    display:block;
    padding: 3px;
}

.sc-info-toggle,
.sc-info-close{
    display:none;
}

.sc-controls{
   position: absolute;
   top:0;
   left:0;
}

.sc-scrubber{
   width:100%;
   /*margin-top: 15px;*/
   position: relative;
   bottom: 5px;
   padding-bottom: 5px;
}

.sc-waveform-container img,
.sc-waveform-container{
    height:35px;
}

.sc-play{
    border-radius:100%;
    border:2px solid #C6262B;
    width:25px;
    height:25px;
    display:block;
    font-size:0.01em;
     -webkit-transition:border .3s ease;
    transition:border .3s ease;
}

.sc-info{
    padding:0 0 0 30px;
    display:block;
}

.sc-info h3,
.sc-info h4 {
    font-family: 'Teko', sans-serif;
    display: inline-block;
    font-size:1.2em;
    margin:3px 5px;
    text-transform: uppercase;
}

.sc-info p {
   display: none;
}

.sc-player .sc-play i{
    font-size:80em;
    position:relative;
    left:1px;
    top:5px;
    color:#C6262B;
    -webkit-transition:color .3s ease;
    transition:color .3s ease;
}

.wrapFiche .sc-player .sc-play i{
    left:7px;
}

.sc-player .sc-play:hover{
    border:2px solid #000;
}

.sc-player .sc-play:hover i{
    color:#000;
}

.sc-player.playing .sc-play i{
    font-size:75em;
    left:5px;
    top:6px;

}

.sc-player.playing .sc-play .fa-play:before {
    content: "\f04c";
}

.sc-player.playing .sc-pause .fa-pause:before {
    content: "\f04c";
}

.sc-player-html-container {
    height: 100px;
}


#diaporamaFiche article.seul div.image {
    position: relative;
    padding-bottom: 50.25%; /* 16:9 */
    height:0;
    width:100%;
    text-align: center;
}

#diaporamaFiche article.seul div.image img {
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    width:auto;
    height: 100%;
}


.afficheimgtele {
    position: relative;
    min-height: 200px;
}

.afficheimgtele p img {
    display: block;
    position: absolute;
    right:0;
    top:0;
    height: 100%;
    width:auto;
}

.afficheimgtele .coin {
    display: block;
    width:10px;
    height:10px;
    position: absolute;
    top:0;
    right:0;
    z-index: 100;
}

.afficheimgtele .coin img {
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}

.lienTypo p.tele {
    margin:0;
}

.tele img {
    opacity: 0;
}

.tele.oui img {
    opacity: 1;
    -moz-transition: opacity 0.5s ease-in-out; 
    -webkit-transition: opacity 0.5s ease-in-out; 
    transition: opacity 0.5s;
}

/* calendrier  */

.legendeCal {
    margin: 10px 0;
    font-family: 'Teko', sans-serif;
    font-size: 1.1em;
}

.legendeCal p {
    margin: 5px 0;
    padding: 2px 5px;
    display: inline-block;
}












.calendrier .kalendae .k-days span{
    border: 2px #C6262B solid;
}




.complet,
.calendrier .kalendae .k-days span.k-in-month.k-active.closed{
   color: #C6262B;
    background-color: #999;
    border: 2px #999 solid;
}






.represantation,
.calendrier .kalendae .k-days span.k-in-month.k-active{
    background-color: #FFF;
    color: #C6262B;
}

.calendrier .kalendae .k-days span.k-in-month.k-active{
    border: 2px #FFF solid;
}


.represantation{
    border: 2px #C6262B solid;
}


.aujourdhui,
.calendrier .kalendae .k-days span.k-in-month.k-active.k-today,
.calendrier .kalendae .k-days span.k-in-month.k-active.closed.k-today,
.calendrier .kalendae .k-days span.k-in-month.k-today{
        border: 2px #7EA0E2 solid;
        color: #7EA0E2;
}


/*  fonds  */

.bgimages, .bg-bloc-image {
    display: none;
}

.bgimages img {
    width:auto;
    transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    position: fixed;
    z-index: -1
}

.bg-bloc-image img {
    width:auto;
    transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    position: absolute;
    z-index: -1
}

@media (min-width: 992px) {
    .bgimages, .bg-bloc-image {
        display: block;
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        z-index: -1;
    }
}


/* footer  */

#footer {
    margin: 8em 0 4em 0;
}

#footer.brique, #footer.brique a {
    color:#C6262B;
}

#footer.brique a:hover {
    color:#CCC;
}

#footer.brique nav ul {
    border-top-color:#C6262B;
}

h1.nom {
    font-family: 'Teko', sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0;
    letter-spacing: 0.01em;
}

h2.adresse {
    font-family: 'Teko', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0;
}

#footer nav {
    text-align: center;
}

#footer nav ul {
    margin-top: 0.5em;
    padding-top: 0.5em;
    display: inline-block;
    border-top-style: solid;
    border-top-width: 2px;
}

#footer nav ul li {
    padding:0;
    margin: 0;
}

#footer nav ul li a {
    font-family: 'Teko', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
}

#footer nav ul li a:after {
    display: inline-block;
    font-family: 'Teko', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    content:"|";
    padding:0 10px;
}

#footer nav ul li a:hover:after {
    color: #C6262B;
}


#footer nav ul li:last-child a:after {
    display: none;
}

/*  carte  */

.monde {
    position: relative;
    text-align: center;
}

#map {
    width: 100%;
    height: 450px;
    background-color: rgba(0, 0, 0, 0.2);
}

.leaflet-bar {
    display: none;
}


@media (min-width: 768px) {
    #map {
        height: 650px;
    }
}

@media (min-width: 992px) {
    #map {
    height: 550px;
    max-width: 80%;
    margin: 0 auto;
    }

    .leaflet-bar {
        display: block;
    }

}

.icon-tournee {
    display: block;
    width:20px;
    height: 30px;
    background-image: url('../js/leaflet/images/markers/tournee.png');
}

.icon-sources {
    display: block;
    width:23px;
    height: 30px;
    background-image: url('../js/leaflet/images/markers/sources.png');
}

.icon-transmission {
    display: block;
    width:19px;
    height: 30px;
    background-image: url('../js/leaflet/images/markers/transmission.png');
}

.icon-nomade {
    display: block;
    width:19px;
    height: 30px;
    background-image: url('../js/leaflet/images/markers/nomade.png');
}

.leaflet-panel-layers-grouplabel {
    margin-bottom: 0;
}

.leaflet-panel-layers-group {
    text-align: left;
}

.leaflet-panel-layers-title {
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 600;
}

.leaflet-panel-layers-item {
    max-width: 150px;
}

.leaflet-panel-layers-item .leaflet-panel-layers-title {
     font-size: 1.1em;
     line-height: 1.2;
}

.leaflet-panel-layers-item input[type="checkbox"] {
    margin: 0;
}

.leaflet-control-attribution {
    display: none;
}

.leaflet-popup-content-wrapper {
    background-image: url('../img/habillage/bg-popout-monde.png');
    background-size: cover;

    width:250px;
    height:243px;
}

.leaflet-popup-content {
    position: relative;
    height:100%;
    font-family: 'Inknut Antiqua Bold', Times,  serif;
    font-size: 0.9em;
    text-transform: uppercase;
    text-align:center;
    font-weight:800;
    letter-spacing: 0.06em;
    }

.leaflet-popup-content a {   
    color:#000;
}

.leaflet-popup-content a:hover {   
    color:#999;
}

.leaflet-popup-content p:first-child {
    position: absolute;
    width:80%;
    top:0.8em;
    margin:0 10%;
}

.leaflet-popup-content p:last-child {
    position: absolute;
    bottom:8px;
    width:100%;
    margin: 0;
    font-weight: normal;
}

.leaflet-popup-content p > span {
    display: block;
    margin-bottom: 0.2rem;
}

.leaflet-popup-content p span.date span {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    display: inline-block;
}

/*  demandez le programme   */

.categorie {
    position: absolute;
    top:0;
    width: 100%;
    height: 30px;
    background-color: rgba(0,0,0, 0.5);
}

.categorie .type {
    font-family: 'Teko', sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 0.02;
    line-height: 1.6;
    margin-left: 10px;
}

.page.demandez {
    margin-bottom: 8em;
}

.page.demandez .item .bloc h2 {
    font-size: 1.1em;
    font-weight: 700;
    margin-top: 35px;
}

.page.demandez .texte {
    margin: 10px 0;
    color:#FFF;
    padding-right: 40px;
}

@media (min-width: 768px) {
    .page.demandez .texte {
    padding-right: 40px;
    }

    .categorie .type {
    margin-left: 0px;
}
}

@media (min-width: 992px) {
    .page.demandez .texte {
    padding-right: 70px;
    }
}

.page .item .content .date {
    text-transform: none;
}

.page.demandez .item .content .date span {
    display: inline-block;
    font-family: "Inknut Antiqua Regular", Times, serif;
    border-top:1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.page.demandez .item .content .date span {
    font-size: 0.7em;
    line-height: 1.7;
    padding-bottom: 1px;
}

.blocInfos.demandez p {
    margin-bottom: 5px;
}


.blocInfos.demandez .bloc.row {
    margin: 0;
}

.blocInfos.demandez .bloc h2 {
    font-size: 1.1em;
    letter-spacing: 0.05em;
    line-height: 1.3;
    font-family: "Inknut Antiqua Regular", Times,  serif;
    font-weight: normal;
    padding: 0;
    text-transform: uppercase;
    margin:0 0 5px 0;
}

.blocInfos.demandez .date span {
    display: inline-block;
    font-family: 'Inknut Antiqua Regular', Times,  serif;
    border-top:1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 0.7em;
    line-height: 1.7;
    padding-bottom: 1px;
    margin:0;
}


/*  texte seul et lettre d'infos  */


.ficheTexte .texte > ul a, .pagetexte .texte > ol a,
.ficheTexte .texte > h4 a, .pagetexte .texte > h4,
.ficheTexte .texte > h3 a, .pagetexte .texte > h3,
.ficheTexte .texte > p a, .pagetexte .texte > p a{
    color : #c6262b;
}

.blocInfos.ficheTexte {
    margin-top: 7em;
    position: relative;
}




.ficheTexte .texte > hr + *, .pagetexte .texte > hr + *{
    margin-top: 20px;
}

.ficheTexte .texte > hr + hr, .pagetexte .texte > hr + hr{
    margin-top: 5px;
}


.wrapFiche > .row > .col-xs-12 > ul.tag,
.fiche .wrapFiche > .row > .col-xs-12 > p.date,
.blocInfos > .wrapFiche > .row > .col-xs-12.col-sm-6.texte  > p,
.fiche .wrapFiche > .row > .col-xs-12 > h1{
    padding-right: 0;
    padding-left: 0;
 }




.texte form.post-arbre,
.fiche-almanach .wrapFiche > .row > .col-xs-12 > ul.tag,
.fiche-almanach.blocInfos > .wrapFiche > .row > .col-xs-12 > p,
.fiche-almanach .wrapFiche p.date,
.wrapFiche > .row > .col-xs-12 > p,
.wrapFiche > .row > .col-xs-12 > ul,
.wrapFiche > .row > .col-xs-12 > h1,
.ficheTexte .texte > ul, .pagetexte .texte > ol,
.ficheTexte .texte > hr, .pagetexte .texte > hr,
.ficheTexte .texte > h4, .pagetexte .texte > h4,
.ficheTexte .texte > h3, .pagetexte .texte > h3,
.ficheTexte .texte > p, .pagetexte .texte > p {
    padding-right: 7.5%;
    padding-left: 7.5%;
}


.ficheTexte .texte > hr, .pagetexte .texte > hr{
    margin-right: 7.5%;
    margin-left: 7.5%;
}


.ficheTexte .texte > p.thumb-in-article{
        padding-right: 0;
}

.center {
    text-align: center;
    padding-right: 0 !important;
}

.center h1 {
    font-family: "Inknut Antiqua Medium", Times,  serif;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.8;
    padding: 0 0 0.1em 0;
}

.blocInfos.ficheTexte h2 {
    font-size: 1em;
    text-transform: none;
    font-weight: normal;
    margin: 15px 0 15px 0;
}

.blocInfos.ficheTexte h2:first-child {
    margin: 0px 0 15px 0;
}

.blocInfos h3 {
    font-size: 1.1em;
    line-height: 1.3;
    font-weight: 600;
    padding: 0;
    margin:15px 0 5px 0;
}

.blocInfos.ficheTexte a {
    text-decoration: underline;
}

.blocInfos.ficheTexte img {
    width: auto;
    height:auto;
}

.blocInfos.ficheTexte img {
    width: auto;
    height:auto;
}

.blocInfos.ficheTexte img.right {
    text-align: right;
}

.blocInfos.ficheTexte .video {
    margin: 50px auto;
}

.pdf {
    position: sticky;
    width: 60px;
    float: right;
    top:45px;
    text-align: right;
    margin-right: 10px;
}

.pdf a {
    color: #C6262B;
    
}

.pdf a span {
    display: inline-block;
    font-family: 'Teko', sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    margin:0.3em 0 0.3em 0.3em;
    letter-spacing: 0.05;
}

/* galeries images sons vidéos  */

/* make buttons moving bottom depending of big texts */
.carousel-indicators {
    position: initial;
    margin: auto;
}

.carousel-indicators + .carousel-inner iframe{
    width: 100%;
    height: calc(100% - 40px);
}

.galerie header.navigation {
    position: absolute;
    top:7em;
    width:100%;
    text-align: center;
}

.galerie header a {
    color: #000;
    display: inline-block;
    font-family: 'Inknut Antiqua Bold', Times,  serif;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align:center;
    letter-spacing: 0.06em;
    padding: 0;
    margin: 0;
}

.galerie header a.ici, .galerie header a:hover {
    color: #666;
}

.galerie.sousmenu {
    margin-top: 10em;
    text-align: center;
}

.galerie.sousmenu.enimage {
    margin-top: 14em;
    text-align: center;
}

@media (min-width: 768px) {
   .galerie.sousmenu {
    margin-top: 15em;
    }
}


.galerie.sousmenu.brique {
    background-color: #C6262B;
}

.sousmenu a {
    display: inline-block;
    color: #fff;
    font-family: "Teko",sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin: 0;
    text-transform: uppercase;
    padding: 0.2em 0.2em 0.1em 0.2em;
}

.sousmenu a.ici, .sousmenu a:hover.ici {
    color:#000;
}

.sousmenu a:hover {
    color:#dedede;
}

.onglet {
    margin-bottom: 5px;
}

.brique .onglet header {
    background-color: #C6262B;
}

.onglet:first-child {
    margin-top: 3em;
}

.places:first-child {
    margin-top: 0.5em;
}

.onglet header a h1 {
    color: #fff;
}

.onglet header a:hover h1 {
    color: #dedede;
}

.onglet header h1 {
    font-family: 'Inknut Antiqua Medium', Times,  serif;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 2%;
    text-transform: uppercase;
    line-height: 2;
    text-align: left;
}

.places header h1 {
    font-family: 'teko', sans-serif; 
}


@media (min-width: 768px) {
   .onglet header h1 {
    margin: 0;
}
}

.onglet header h1 i {
    font-size: 1em;
    margin-right: 0.5em;
}

.onglet h1 .fa {
    position: absolute;
    top: 8px;
    left:-20px;
}

.onglet .fa.second-chevron {
    left: -5px;
}

.onglet header h1 span{
    font-size: 0.9em;
    font-weight: 400;
    margin-left: 0.5em;
}

.modal.and.carousel {
  position: fixed; /* Needed because the carousel overrides the position property  */
}

.onglet .container {
    text-align: center;
    width:100%;
    max-width: 1400px;
    max-height:0;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
}

.onglet.ici > .container {
    max-height:9999px; /* approximate max height */
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease;
}

.onglet.ici > header:first-child {
    background-color: #666;
}

.onglet h1 i:not(.arrow-place) {
    transform:rotate(0deg);
    transition-property: all;
    transition-duration: .2s;
}

.onglet.ici h1 i:not(.arrow-place) {
    transform:rotate(-90deg);
    transition-property: all;
    transition-duration: .5s;
}


.places h1 i {
    transform:rotate(0deg);
    transition-property: all;
    transition-duration: .2s;
}

.places.ici h1 i {
    transform:rotate(-90deg);
    transition-property: all;
    transition-duration: .5s;
}


.onglet .container {
    margin-top: 0;
}

.modal .item img.noload{
    opacity: 0;
}

.modal .item img{
    opacity: 1;

    transition: opacity 0.5s ease-in-out;
}



.ici.onglet > .container {
    min-height: 188px;
    height: auto;
    transition: height 0.5s linear;
}



.onglet .container .nav img {
    width:auto;
    max-height: 180px;
    transition: opacity 0.5s ease-in-out;

}


.onglet .container .nav img.noload{
    height: 180px;
    opacity: 0;
}

.onglet .container .nav a{
    background-color: #cccccc;
}

.edition .onglet .container .nav img {
    width:auto;
    height: 250px;
    max-height: 250px;
    transition: .3s all ease-in-out;
}


.edition  .onglet .container .nav img.thumb{
   -webkit-filter: blur(2px); /* Safari */
    filter: blur(2px);
}


.edition  .onglet .container .nav a{
position: relative;
}


.edition  .onglet .container .nav a  img.couv{
position: absolute;
top: 0;
left: 0;
visibility: hidden;

}


.edition .onglet .container .nav img.couv,
.edition .onglet .container .nav .loaded img.thumb{
      opacity: 0;
}

.edition .onglet .container .nav .loaded img.couv{
    opacity: 1;
    visibility: visible;
}


.onglet .container.video .nav img {
    width:auto;
    max-height: 250px;
}


.espaces .onglet .container .nav p{
    line-height: 1.4;
}

.onglet .container.musique .nav > li {
    display: block;
    width: 100%
}

.onglet .container.musique .nav a{
    background-color: white
}

.onglet .container.musique .nav .sc-controls a{
    color: transparent;
}

.onglet .container.musique .bloc-soundcloud{
    margin-top: 20px; 
}

.onglet .container.musique .nav img{
    width: 100%;
    max-width: 100%;
}

.onglet .container.musique .nav .sc-player .sc-play i{
    color: #C6262B;
}

.onglet .container.musique .nav span{
position: static;
}


.onglet .container .nav > li{
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
}

.onglet .container .nav.slick-slide > li{
    margin-bottom: 0;
}


.onglet .container .nav{
    padding-top: 5px;
    outline: 0;
}

.onglet .container .nav{
    line-height: 1;
}


.onglet .container .nav > li > a {
    margin:0;
    padding: 0;
}

.onglet .container .nav > li > a:hover {
    background-color: transparent;
}

.onglet .container .nav i {
    position: absolute;
    top:50%;
    left:50%;
    color:#FFF;
    /*font-size: 2em;*/
    margin-top: -5px;
    margin-left: -2px;
}

.onglet .container .nav span {
    position: absolute;
    bottom:0;
    left:0;
    color:#000;
    background-color: rgba(255, 255, 255, 0.5);
    padding:2px 5px;
}

.modal-dialog {
   position: absolute;
   top:10%;
   left:5%;
   width:90%;
   height:auto;
   margin: 0;
}

.modal-dialog .carousel-inner .item {
    margin: 0;
    text-align: center;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: inline-block;
    width:auto;
    max-width: 100%;
    height:auto;
}

@media (min-width: 768px) {
    .modal-dialog {
    left:6%;
    width:88%;
    height:auto;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
    left:15%;
    width:70%;
    height:auto;
    }

   .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: 600px;
    }
}

.modal-content {
    border: none;
    border-radius: 0;
}

.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 30px;
    height: 30px;
    margin-top: -10px;
    width: 30px;
}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
    left: 10%;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
}

.carousel-control .icon-next, .carousel-control .fa-chevron-right {
    right: 10%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    width: 5%;
}

.carousel-control.left {
    left:-5%;
}

.carousel-control.right {
    right:-5%;
}

.carousel-control {
    opacity: 1;
}

.carousel-indicators .active {
    background-color: #fff;
    height: 10px;
    margin: 1px;
    width: 10px;
}

.carousel-indicators li {
    border: none;
    background-color: #666;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    text-indent: -999px;
    box-shadow: 0px 0px 2px #333;
}

.container.musique .row {
    padding-top: 20px;
}


/*  edition et fiche edition  */



.galerie.sousmenu.fiche {
    margin-top: 8em;
}

.fiche.edition {
    margin-top: 4em;
}

.galerie.sousmenu > ul {
    margin-bottom: 0;
}

.galerie.sousmenu .fa {
    margin-left: 5px;
}

.sousmenu a .fa {
    transform:rotate(0deg);
    transition-property: all;
    transition-duration: .2s;
} 

.sousmenu a.open .fa {
    transform:rotate(-90deg);
    transition-property: all;
    transition-duration: .2s;
} 

.edition.filtre {
    background-color: #dedede;
}

.edition.filtre .wrapFiche {
    margin-top:0;
}

.edition.filtre .wrapFiche.filtre-spectacle {
    display:none;
}

.edition.filtre .wrapFiche.filtre-langue {
    display:none;
}

.edition.filtre .wrapFiche.filtre-theme {
    display:none;
}

.edition.filtre .wrapFiche ul {
    padding:10px 0;
}

.edition.filtre .wrapFiche ul li {
    display: inline-block;
}

h2.filtre,
.edition.filtre .wrapFiche ul li a {
    font-family: 'Teko', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    padding: 0.1em 0.5em;
    text-transform: uppercase;
    color: #C6262B;
} 

h2.filtre{
    margin: 40px 0 0 0;
    text-align: center;
        color: black;

}
.edition.filtre .wrapFiche ul li a:hover {
    color: #000;
} 

header.fiche.edition .affiche img {
    width:100%;
}

@media (min-width: 768px) {
    header.fiche.edition .affiche img {
    width:80%;
    margin-left: 20%;
    }
}

.complement {
    margin-top: 20px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2;
}

.tag {
    margin-top:0;
    font-family: 'Teko', sans-serif;
    font-weight: normal;
    font-size: 1.2em;
    text-transform: uppercase;
}


/*  almanach  */

.liste.page.index-almanach {
    margin-top: 4em;
}

.fiche-almanach h1.titre {
    font-family: 'Inknut Antiqua Bold', Times, serif;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight:800;
    letter-spacing: 0.06em;
    padding: 0;
    margin: 0;
    color: #000;
    text-align: left;
    line-height: 1.5;
}


.blocInfos.ficheTexte.fiche-almanach {
    margin-top: 4em;
}

.fiche-almanach .date {
    display: block;
    font-family: "Inknut Antiqua Regular", Times, serif;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin: 5px 0 15px 0;
}

.fiche-almanach .date span {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    display: inline-block;
    font-family: "Inknut Antiqua Regular", Times,  serif;
    font-size: 0.7em;
    line-height: 1.7;
    padding-bottom: 1px;
}

.fiche-almanach .chapo {
    font-size: 1.4em;
    line-height: 1.2;
    margin-bottom: 20px;
}

.almanach-go {
    margin-top: 40px;
    position: relative;
}

.almanach-go .precedent {
    position: absolute;
    top:0px;
    left:15%;
}

.almanach-go .suivant {
    position: absolute;
    top:0px;
    right:15%;
}

.blocInfos.ficheTexte .almanach-go a  {
    text-decoration: none;
    color: #C6262B;
}

.blocInfos.ficheTexte .almanach-go a:hover  {
    text-decoration: none;
    color: #000;
}


.almanach-go a i  {
    font-size: 1.6em;
    margin: 0 10px;
}

.almanach-go a span {
    font-family: 'Teko', sans-serif;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 300;
}


/*  infos pratiques  */


#mapInfo {
    width:100%;
    margin: 0 auto;
    height: 250px;
}

@media (min-width: 768px) {
   #mapInfo {
    height: 450px;
}
}


/*  fieldset recherche  */

fieldset.search {
    background-color: #DEDEDE;
    height: 120px;
    display: none;
}

.search form {
    padding-top: 40px;
    width: 40%;
}

.search input {
    border: medium none;
    border-radius: 0;
}

.search input {
    width: 90%;
}

.search button {
    border: 1px solid #999;
    border-radius: 0;
    width: 10%;
    background-color: #999;
    color: #FFF;
    font-family: 'Teko', sans-serif;
    font-weight: normal;
    font-size: 1.4em;
}

.search button:hover {
    color: #999;
}

.search .btn {
    padding: 2px;
}

.search .btn-default {
    background-image: none;
    text-shadow: 0 1px 0 #fff;
}

/* arbre à palabres  */
.ecrire {
    font-size: 1.4em;
    cursor: pointer;
}

.ecrire i {
    margin-left: 10px;
}

.messages {
    margin-top: 4em;
}

.messages.blocInfos div.texte:before {
    content: '';
    display: block;
    width:40px;
    height: 1px;
    background-color: #C6262B;
    margin-bottom: 10px;
    margin-left: 7.5%;
}

.right {
    text-align: left;
}

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


@media (min-width: 768px) {
   .right {
    text-align: right;
    }
    .text-right {
    text-align: right;
}
}

.messages .pseudo {
    font-weight: 700;
    margin: 0;
}

.messages .date {
    color: #666;
    margin: 0;
}

.messageform {
    margin: 0;
    background-color: #DEDEDE;
    padding: 5px 0;
    display: none;
}

.messageform label {
    margin-top: 10px;
}

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

.messageform button {
    margin-top: 10px;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
}

.ecrire i.fa {
    transform:rotate(0deg);
    transition-property: all;
    transition-duration: .2s;
} 

.ecrire.go i.fa {
    transform:rotate(-90deg);
    transition-property: all;
    transition-duration: .2s;
} 


/* footer notes */

.footernote-list li{
  list-style: none;
  font-size: 12px;
}

.footernote-list{
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    border-top: 1px solid #a0a0a0;
    padding: 40px 1.5em;

}

.footernote-list a{
color: #C6262B;
}


.thumb-in-article img{
    float: left;
    width: 50%;
    max-width: 320px;
}

@media (min-width: 768px) {

.thumb-in-article{
    float: right;
    width: 160px;
    padding: 0 0 10px 10px;
}

    .thumb-in-article img{
        width: 100%;
        max-width: 160px;
    }


}

.texte img[style='float: left;'],
.texte img[style='float: right;'],
.texte img{
    width: auto;
    vertical-align: initial;
    max-width: 100%;
    margin: 20px auto;
    display: block;
    float: none !important;
}

@media (min-width: 768px) {
    .texte img{
        margin: 0;
        display: inline;
    }

    .texte img[style='float: right;']{
        float: right  !important;
        padding: 5px 0 10px 10px;
        margin: 0;

    }

    .texte img[style='float: left;']{
        float: left  !important;
        padding: 5px 10px 10px 0;
        margin: 0;

    }

}


.slick-dots li{
    list-style: none;
    text-align: center;
    display: inline-block;
}

.slick-dots{
    padding: 0;
}


.slick-slider button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}

.slick-slider button::-moz-focus-inner {
    border: 0;
    padding: 0;
}




/*  pagination   */

.slick-dots,
.paginationjs {
    text-align: center;
    margin:10px 0;
}

.paginationjs ul {
    list-style: none;
}

.paginationjs ul li {
    display: inline-block;
}

button.slick-arrow,
.slick-dots li button,
.paginationjs ul li.paginationjs-page a {
    padding: 5px 10px;
    font-family: 'Teko', sans-serif;
    font-weight: 300;
    font-size: 1.4em;
    color: #C6262B;
}

.slick-dots li.slick-active button,
.paginationjs ul li.paginationjs-page.active a {
    font-weight: 600;
    text-decoration: underline;
}

.slick-dots li button:hover,
.paginationjs ul li.paginationjs-page a:hover {
    color: #000;
}

.slick-dots li.slick-active button:hover,
.paginationjs ul li.paginationjs-page.active a:hover {
    color: #C6262B;
}

.paginationjs ul li.paginationjs-next a {
    color: #C6262B;
    font-size: 1.8em;
    margin-left: 5px;
}

button.slick-arrow:hover,
.paginationjs ul li.paginationjs-next a:hover {
    color: #000;
}

button.slick-arrow,
.paginationjs ul li.paginationjs-prev a {
    color: #C6262B;
    font-size: 1.8em;
    margin-right: 5px;
}
button.slick-arrow:hover,
.paginationjs ul li.paginationjs-prev a:hover {
    color: #000;
}

button.slick-arrow{
    font-family: 'teko';
}

.slick-dots,
button.slick-arrow{
    display: inline-block;
    vertical-align: middle;
}


.autourmonde p.TekoBig {
    margin-top: 40px;
}



/* */

.infomap .texte a{
    color: black;
    text-decoration: underline;
}

.infomap .texte a:hover,
.ongletplan:hover{
    color: #C6262B;
}


.infomap .texte h2.ongletplan:first-of-type,
.infomap .texte h2{
    text-transform: uppercase;
    font-family: "teko", sans-serif;
    color: #C6262B;
    font-size: 27px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
    padding: 0 0 0.1em 0;
    margin: 0;
}

.infomap .texte h2.ongletplan:hover,
.infomap .texte h2 a{
      color: #C6262B;  
}
.infomap .texte h2.ongletplan:first-of-type:hover,
.infomap .texte h2 a:hover{
      color: black;  
}

.infomap .texte h2.ongletplan{
    font-family: "Times New Roman", Georgia, serif;
    color: black; 
    font-weight: bold;
    font-size: 18px;
    text-transform: none;
    margin-bottom: 3px;
}


.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li > ul,
.infomap .wrapFiche > .row > .col-xs-12 > div > ul,
.infomap .wrapFiche > .row > .col-xs-12 > ul > li > ul,
.infomap .wrapFiche > .row > .col-xs-12 > ul{
    padding: 0;
    list-style: none;
}

.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li > ul > li,
.infomap .wrapFiche > .row > .col-xs-12 > ul > li > ul > li{
        margin-bottom: 0;
        padding: 0;
}

.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li,
.infomap .wrapFiche > .row > .col-xs-12 > ul > li{
    margin-bottom: 15px;
}



.infomap p.teko,
.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li > ul > li > span,
.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li > span,
.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li > a,
.infomap .wrapFiche > .row > .col-xs-12 > ul > li > span,
.infomap .wrapFiche > .row > .col-xs-12 > ul > li > a{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.infomap .wrapFiche a,
.infomap .wrapFiche > .row > .col-xs-12 > div > ul > li > a,
.infomap .wrapFiche > .row > .col-xs-12 > ul > li > a{
    text-decoration: none;
}

.infomap .wrapFiche .row{
    margin: 0 -15px;
}


.ongletplan{
cursor: pointer;

}



.ongletplan i{
   padding-right: 10px;
}

.ongletplan i.fa-angle-down:before{
  display: inline-block;
  position: relative;
  top: 2px;
    transform: rotate(180deg);

}

.ongletplan.openonglet i.fa-angle-down:before{
  transform: rotate(0deg);
    top: 0;

}
.blocInfos.infomap{

}

.blocInfos.infomap + .blocInfos.infomap{
    margin-top: 0;
}


.blocInfos.infomap .wrapFiche{
    margin: 0 auto 15px auto;
}

.infomap ul{
    list-style-type: disc;
}

@media (min-width: 768px) {
    .infomap #edition-list,
    .infomap #galerie-list,
    .infomap #informations,
    .infomap #edito{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

  
    .infomap #edition-list > *,
    .infomap #galerie-list > *,
    .infomap #informations > *,
    .infomap #edito > * {
        flex: 0 0 auto;
        width: 33.3333%;
        padding: 0 5px;

    }

}

/* css specifique au formulaire d'inscription a la lettre */
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.messageform {
	background-color: transparent;
	display: block;
}

header.header-newsletter > div.texte {
	font-size: 1em !important;
}

.post-newsletter label {
	font-weight: normal !important;
	/*font-size: 0.9em !important;*/
}

.post-newsletter .row > label {
	line-height: 30px;
}

.no-top-margin {
	margin-top:0 !important;
}

.post-newsletter .row:not(.row-space-before) {
	margin-top: 5px !important;
}

.post-newsletter .row-space-before {
	margin-top: 20px !important;
}

.post-newsletter .valide {
	text-align:right !important;
}

.small-text {
	font-size:0.8em;
	padding-top:2em !important;
}

/* fin css specifique au formulaire d'inscription a la lettre */

/* Maintenance */
#maintenance {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: block;
}

#maintenance .modal-dialog {
    top: 40%;
}



/* DIAPORAMA POPUP SUR ARTICLES GLIGHTBOX */
.gdesc-inner {
    text-align: center;
}
.gprev {
    left: 20% !important;
}
.gnext {
    right: 20% !important;
}
.narrowBlocInfos {
    margin:20px 0 5px 0;
}