form .champs.error, .blocContent div.formulaire form .champs.error {
    border:1px solid #E30E14!important; 
}

.blocContent div.formulaire form .champs {

    border: 1px solid #666666!important; 

}


.texte object { height:20px; }


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

  .arti .illus {
    min-height:184px;
  }

}

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

  .arti .illus {
    min-height:202px;
  }

  section .blocArtiste.blocListeSpectacles .illus {
    min-height:auto;
  }

}

.blocContent p {
  margin-bottom: 1em;
}

.allpage {
  background-color: rgba(0,0,0, 0.5);
  height: 100%;
  width:100%;
  position:fixed;
  z-index: 801;
}

.infopop {
  text-align: center;
  border: 1px #e30e14 solid;
  font-family: 'Arial';
  font-size: 14px;
  line-height: 1.6;
  background-color: #E30E14;
  position: absolute;
  top:0;
  left:0;
  color:#FFF;
  padding:25% 20%;
  margin-top:0;
  margin-left:0;
  width:60%;
  height:100%;
}

.infopop .dates {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.5em;
  text-transform: uppercase;
}

.infopop span.exp {
  display: inline-block;
  font-size: 0.8em;
  height: auto;
  line-height: 0.2;
  margin-top: 0;
  text-transform: lowercase;
  vertical-align: super;
}

.infopop strong {
  font-weight: 700;
}

.infopop a {
  color:#FFF;
}

.infopop a:hover {
  color:#FFF;
}

.fermer {
  position: absolute;
  top:1em;
  right:1em;
}

.infopop .fermer span.av-iconcancel:before {
  color: #FFF;
  content: "\e602";
  font-family: "logo-avignon";
  font-size: 2em;
}

.container .infopop a.av-iconplay3 {
    color: #E30E14;
    background-color: #FFF;

}

.infopop a.av-iconplay3:before {
    color: #E30E14;
}

@media only screen and (min-width:700px) {
.infopop {
  top:33%;
  left:50%;
  padding:100px 120px;
  margin-top:-150px;
  margin-left: -400px;
  width:560px;
  height:auto;
}

}

.infopop .videoWrapper{
  margin-top:25px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.infopop .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width:699px) {

  .infopop { 
    width: 80%;
    padding: 25% 10%;
  }

  .infopop iframe{
    width: 100%;
  }
}

.session span:hover, .session input:hover {
  cursor: pointer;
}


.programmation-lieu .blocArtiste .titreSpec h3 {
    font-family: Arial!important;
    font-size: 1em!important;
    text-transform: initial;
}

/* WEB TV */
/*
.webtv header {
  position: fixed;
  z-index: 10000;
  background-color: #2F2D29;
}

.webtvContent {
  padding-top: 6em;
}*/

.webtv article header {
  background-color: transparent;
}

.webtv .mosaique .row article:hover h1, .webtv .mosaique .row article:hover p, .titreWebTv a:hover {
  color:#ccc!important;
}

.webtv .rubriques a:hover, .webtv .tags a:hover {
  color:#FFF!important;
}

@media only screen and (min-width: 990px) {
  .mosaique article:nth-child(3n+1) {
    clear: left!important;
  }
}

.mosaique article figure p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px;
}

.webtv article .triangleSmall {
    
 /*   background-color: rgba(0,0,0,0.3);*/
    padding:15px;
 /*   border-radius: 50%;*/

}

.webtv article:hover .triangleSmall {
   
 /* background-color: rgba(0,0,0,1);

  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;*/

}

.webtv article .center div  {
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 50px;
}

.webtv article .center div .triangleBig {
  width:50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 25px;
/*  background-color: rgba(0,0,0,0.3);*/
  padding:15px!important;
 /* border-radius: 50%;*/

  transform: translate(-50%, -50%);
    
}

.webtv article .triangleBig img {
  padding-top: 8px;
}

.webtv article.videoUne:hover h1, .webtv article.videoUne:hover p, .webtv article.videoDeux:hover h1, .webtv article.videoDeux:hover p, .webtv .aussi article:hover h1, .webtv .aussi article:hover p {
  /*color:#ccc!important;*/
}

.webtv article.videoUne:hover .triangleBig, .webtv article.videoDeux:hover .triangleBig{
   
/*  background-color: rgba(0,0,0,1);

  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;*/

}

.webtv .info p {
  margin-bottom: 0!important;
}

.webtv .info p span {
  font-weight: 700;
}

.webtv .description {
  margin-top: 20px!important;
}

.webtv .mosaique figure {
  min-height:167px;
  -webkit-transform: translateZ(0);
}

.webtv .mosaique figure img{
  -webkit-transform: translateZ(0);
  will-change: opacity;
}

@media only screen and (min-width: 990px){
  .webtv .mosaique h1 {
    font-size: 1.1em;
}

@media only screen and (min-width: 990px) {
  .webtv .mosaique .date {
    font-size: 1em;
}