@import url("//hello.myfonts.net/count/2aac42");

@font-face {font-family: 'FuturaLTPro-MediumCond';src: url('webfonts/2AAC42_0_0.eot');src: url('webfonts/2AAC42_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AAC42_0_0.woff') format('woff'),url('webfonts/2AAC42_0_0.ttf') format('truetype');}

@font-face {font-family: 'FuturaLTPro-Medium';src: url('webfonts/2AAC42_1_0.eot');src: url('webfonts/2AAC42_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AAC42_1_0.woff') format('woff'),url('webfonts/2AAC42_1_0.ttf') format('truetype');}

@font-face {
    font-family: 'logo-avignon';
    src: url('webfonts/logo-avignon.eot');
    src: url('webfonts/logo-avignon.eot?#iefix') format('embedded-opentype'),
         url('webfonts/logo-avignon.woff') format('woff'),
         url('webfonts/logo-avignon.ttf') format('truetype'),
         url('webfonts/logo-avignon.svg#logo-avignon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icons_fav';
  src:  url('webfonts/icons_fav.eot');
  src:  url('webfonts/icons_fav.eot?#iefix') format('embedded-opentype'),
    url('webfonts/icons_fav.ttf') format('truetype'),
    url('webfonts/icons_fav.woff') format('woff'),
    url('webfonts/icons_fav.svg#icons_fav') format('svg');
  font-weight: normal;
  font-style: normal;
}

html,
body {
  font-size: 100%;
}

body {
    background-color:#FFF;
    margin:0;
    color:#666;
    line-height: 1;
    font-family:'Arial';
    font-size:1em;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

p, em, b, u, i {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

a {
    text-decoration:none;
    font-weight:normal;
    color:#666;
}

a:hover {
    text-decoration:none;
}

a.upper {
  position:absolute;
  top:-8em;
}

ul, li {
    list-style:none;
}

p a {
  font-weight:700;
}

p a:hover {
  color:#E30E14;
}

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

object,
embed {
  height: 100%; }
  
.clear {
  clear:both;
  height:0;
  line-height:0;
}

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

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

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

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }
  
.show {
  display: block; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; /* Default: auto */
}  

input.submit {
  cursor:pointer;
}
  
@media (orientation: landscape) and (max-device-width: 768px) {
    html,
    body {
        -webkit-text-size-adjust: 100%;
    }
}

/* cas du plus petit Žcran // moins de 320px  */

@media only screen {


header {
  width:100%;
  margin:0;
  position:relative;
}

div.top {
  position:relative;
  text-align:center;
}

.bandeau {
  position:absolute;
  width:100%;
  height:auto;
  z-index:700;
}

.dep {
 border-bottom:1px solid #e30e14;
}

.dep .menuCompte {
  display: none !important;
}

.logo {
  text-align:left;
}

.lt-ie9 header.home .logo-img .svg,
header.home .logo-img .png{
display: none;  
}

header.home .logo-img .svg,
.lt-ie9 header.home .logo-img .png{
display: block;
}

header.page .logo-img .svg,
header.page .logo-img .png{
display: none;  
}

.screen, .blocTri, .blocTypo, .onlyDesk, .screenBig, .onlyTab, section.actualite .blocMenuN3 li.post a span.screen, section.programmation .blocMenuN3Top, .decontracte p.titreRubrique, .contracte p.titreRubrique {
  display:none;
}

.mob, .blocTrimob, .fil.screenBig {
  display:block;
}

section.actualite .blocMenuN3 li.post a span.mob {
  display:inline-block;
}

.contracte {
  display:none;
  width:100%;
  height:3em;
  position:fixed;
  top:0;
  left:0;
  z-index:50;
  border-bottom:1px solid #e30e14;
}

.contracte p {
  text-align:left;
  padding-top:0.8em;
  padding-left:4%;
}

.contracte p a, .decontracte .logo a span {
  font-size:1.2em;
  color:#e30e14;
}

.av-iconlogo-titre:before {   /* affichage du logo contractŽ  */
  content: "\e60c";
}

p.titreRubrique span {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  color:#e30e14;
  text-transform:uppercase;
}

p.titreRubrique span.av-iconplay4:after {
  font-family: 'logo-avignon';
  content: "\e812";
  color:#e30e14;
  font-size:0.7em;
  display:block;
}

.menu {
  width:100%;
}

[class^="av-icon"], [class*=" av-icon"] {
  font-family: 'logo-avignon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.home .logo {
  padding-top:0.5em;
  margin-left:4%;
}

.home .logo a {
  display:block;
  width:6em;
  height:6em;
}

.page .logo {
  padding-top:0.8em;
  margin-left:4%;
}

header.home .logo span {
  display:block;
  text-indent:-99999px;
}

header.page .logo span {
  display:block;
  text-indent:0px;
}

header .av-iconshare2:before {
  content: "\e809";
  color:#fff;
  font-size:1em;
}

header .av-iconfacebook2:before {
  content: "\e80b";
  color:#fff;
  font-size:1em;
}

header .av-icontwitter2:before {
  content: "\e805";
  color:#fff;
  font-size:1em;
}

header .av-iconinstagramm2:before {
  content: "\e80a";
  color:#fff;
  font-size:1em;
}

header .av-iconstar:before {
  content: "\e80e";
  color:#fff;
  font-size:1em;
}

header .av-iconcalendrier1:before {
  font-family: 'logo-avignon';
  content: "\e607";
  color:#e30e14;
  font-size:1.6em;
}

header .av-iconmenu2:before {
  content: "\e80d";
  color:#e30e14;
  font-size:2em;
}

.menu .av-iconplay4:after {
  content: "\e812";
  color:#e30e14;
  font-size:0.7em;
}

.menu .av-iconplay-top:after {
  content: "\e80f";
  color:#e30e14;
  font-size:0.7em;
}

.menu .av-icontiret:before {
  content: "\e601";
  color:#e30e14;
  font-size:3em;
}

header .av-iconcancel:before, 
div.if_header .av-iconolclose:before, div.if_header .av-iconolcloseAlerte:before {
  content: "\e602";
  color:#e30e14;
  font-size:2em;
}

header .av-iconsearch:before {
  content: "\e800";
  color:#fff;
  font-size:1em;
}

.affN2, .affN2 .festival, .affN2 .public, .affN2 .infos {
  display:none;
  width:100%;
}

.menu {
  display:none;
}
  
.btMenu, .btMenuC,
.av-iconolclose
{
  cursor:pointer;
  position:absolute;
  padding:0 0 0.5em 0.5em;
  top :0.5em;
  right:4%;
  z-index:10;
}

.menu li {
  display:inline-block;
  width:40%;
  text-align:center;
  margin:1.2em 2% 0.5em 2%;
}

.menu li a {
  position:relative;
  display:block;
  padding:0.5em;
  color:#e30e14;
}

.menu li a span {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.15em;
  line-height:1.25;
  text-transform:uppercase;
  height:2.5em;
  margin-top:-1em;
}

.menu li a span.exp, section.actualite .blocMenuN3 li.edition a span.exp, section.actualite .blocMenuN3Top li.edition a span.exp, .titcalendar span.exp, .blocContent span.exp {
  display:inline-block;
  font-size:0.8em;
  line-height:0.2;
  text-transform:lowercase;
  height:auto;
  margin-top:0;
  vertical-align:super;
}

.menu li a span.av-iconcalendrier1 {
  font-size:1.2em;
  height:0.8em;
  margin-top:-1.3em;
}

.menu li a span.calendar {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
  margin-top:1.6em;
  height:1.5em;
}

.menu li a:hover, .menu li a:hover.av-icontiret:before, .menu li a:hover.av-iconplay4:after, .menu li a:hover span.av-iconcalendrier1:before {
  color:#3e3E40;
}

.menu li a.ici, .menu li a.ici.av-icontiret:before, .menu li a.ici.av-iconplay-top:after, .menu li a.ici span.av-iconcalendrier1:before, .menu li a.ici.av-iconplay4:after {
  color:#3E3E40;
}

.langues {
  display:none;
  position:absolute;
  top:0;
  left:0;
  border-right:1px solid #e30e14;
}

.langues a {
  display:block;
  color:#e30e14;
  font-family:'arial';
  padding:0.5em 1em;
  font-size:0.9em;
}

.account a{
  display: block;
  color: #696969;
  font-family: 'arial';
  padding: 0.5em 1em;
  font-size: 0.9em;
}

.account a:hover{
  color:#e30e14;
}
  
.langues a:hover {
  color:#3E3E40;
}

.langues a.fr {
  display:none;
}

header nav {
  text-align: center;
}

header .rezo {
  position:static;
  display:none;
  margin-top:10px;
  margin-bottom:30px;
}

header .rezo.open {
  display:inline-block !important;
}

header .rezo li {
  display:block;
  float: left;
}

header .rezo li.tv {
  background:#000 url('../img/illus_tv.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 92px 92px;
  position: static;
  border: 1px solid #35332F;
  width:92px;
  height:46px;
  float:none;
  margin:0 auto;
}

header .rezo li.tv a {
  display: block;
  font-family: "FuturaLTPro-MediumCond";
  font-size: 1.15em;
  line-height: 1.2;
  color: #FFF;
  text-transform: uppercase;
  padding-top:0;
}

header .rezo li.tv .smart {
  float:left;
  display: block;
  padding:14px 0 0 10px;
}

header .rezo li.tv .large, header .rezo li.tv .reduit {
  display:none;
}

header .rezo li.tv a img {
  border-top: none;
  display: block;
  float: left;
  padding:12px 0 0 8px;
}

header .rezo li.mpsv {
  position: static;
  float:none;
  margin:0 auto;
  width:92px;
  border-left: 1px solid #35332F;
  border-right: 1px solid #35332F;
  border-top: none;
  border-bottom: none;
}

header .rezo li.mpsv a {
  display: block;
  padding-top:8px;
  background-color: #FFF;
  width:92px;
  height:38px;
}

header .rezo li.cherche {
  position: relative;
  height:38px;
  clear:left;
}

header .rezo li.cherche a {
  position: static;
  display: block;
  background-color:#e30e14;
  border: 1px solid #35332F;
  width:36px;
  height:34px;
  padding-top:12px;
}

header .rezo li.facebook {
  position: relative;
  height:38px;
}

header .rezo li.facebook a {
  position: static;
  display:block;
  background-color:#FFF;
  border-top: 1px solid #35332F;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #35332F;
  width:38px;
  height:35px;
  padding-top:11px;
}

header .rezo li.twitter {
  position: relative;
  height:38px;
}

header .rezo li.twitter a {
  position: static;
  display: block;
  background-color:#FFF;
  border-top: 1px solid #35332F;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #35332F;
  width:38px;
  height:32px;
  padding-top:14px;
}

header .rezo li.instagram {
  position: relative;
  height:38px;
}

header .rezo li.instagram a {
  position: static;
  display:block;
  background-color:#FFF;
  border-top:1px solid #35332F;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #35332F;
  width:38px;
  height:33px;
  padding-top:13px;
}

header .rezo li.pearl {
  position: relative;
  height:38px;
}

header .rezo li.pearl a {
  position: static;
  display: block;
  background-color:#FFF;
  border-top:1px solid #35332F;
  border-left: none;
  border-right: 1px solid #35332F;
  border-bottom: 1px solid #35332F;
  width:37px;
  height:33px;
  padding-top:13px;
}

header .rezo li.share {
  position: relative;
  height:38px;
}

header .rezo li.share a {
  position: static;
  display: block;
  background-color:#FFF;
  border-top:1px solid #35332F;
  border-left: none;
  border-right: 1px solid #35332F;
  border-bottom: 1px solid #35332F;
  width:37px;
  height:33px;
  padding-top:13px;
}

header .rezo li.newsletter {
  position: relative;
  height:38px;
}

header .rezo li.newsletter a {
  position: static;
  display: block;
  background-color:#e30e14;
  border-top: 1px solid #35332F;
  border-left: none;
  border-right: 1px solid #35332F;
  border-bottom: 1px solid #35332F;
  width:37px;
  height:31px;
  padding-top:15px;
}

header .rezo li.download {
  position: relative;
  height:38px;
}

header .rezo li.download a {
  position: static;
  display:block;
  background-color:#e30e14;
  border-top:1px solid #35332F;
  border-left: none;
  border-right: 1px solid #35332F;
  border-bottom: 1px solid #35332F;
  width:37px;
  height:33px;
  padding-top:13px;
}

header .rezo li a p.roll {
  display: none;
}

header .rezo p.roll:after {
  display: none;
}

.menu li.sm {
  width:100%;
  display:none;
  margin:0;
}

.menu li.sm ul {
  background-color:#FFF;
  border-top:1px solid #696969;
  border-bottom:1px solid #696969;
}

.menu li.sm ul li {
  width:100%;
  display:block;
  margin:0;
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
}

.menu li.sm a {
  display:block;
  padding:0.5em;
  color:#e30e14;
}

.menu li.sm a:hover {
  color:#FFF;
  background-color:#e30e14;
}

footer {
  position:relative;
  color:#aeaeae;
  font-family:'arial', sans-serif;
  border-top:1px solid #e3e3e3;
}

footer.sans {
  top:-5em;
  background-color:#FFF;
}

footer.sansA {
  top:-4em;
  background-color:#FFF;
}

footer span {
  font-family:'arial', sans-serif;
}

footer a {
  color:#8a8a8a;
}

footer a:hover {
  color:#2f2d29;
}

footer .av-iconmail2:after {
  content: "\e808";
  font-size:1.2em;
}

footer .av-iconmail2:after {
  display:block;
  float:right;
  padding-top:0.22em;
}

footer a.av-iconplay3:before {
  content: "\e811";
  font-size:0.7em;
  color:#8a8a8a;
}

footer a.av-iconplay4:before {
  content: "\e812";
  font-size:0.7em;
  color:#8a8a8a;
  padding:0 0.5em;
}

footer a.av-iconplay3, footer a.av-iconplay4 {
  display:inline-block;
  color:#8a8a8a;
  font-family:'logo-avignon';
  letter-spacing:normal;
  background-color:transparent;
  font-size:0.9em;
  text-transform:none;
  margin-top:0;
  margin-bottom:0;
  padding:1em 0.5em 1em 0;
}

footer a:hover.av-iconplay3 {
    color:#2f2d29;
}

footer a:hover.av-iconplay3:before {
    color:#2f2d29;
}

footer a.deplie {
    color:#2f2d29;
}

footer a.deplie.av-iconplay4:before {
    color:#2f2d29;
}

footer .av-iconfacebook2:before {
  content: "\e80b";
  font-size:1em;
}

footer .av-icontwitter2:before {
  content: "\e805";
  font-size:1em;
}

footer .av-iconinstagramm2:before {
  content: "\e80a";
  font-size:1em;
}

footer .av-iconstar:before {
  content: "\e80e";
  font-size:1em;
}

footer .rezo {
  display:block;
  float:right;
  border-left:1px solid #e3e3e3;
}

footer .rezo a.av-iconfacebook2, footer .rezo a.av-icontwitter2, footer .rezo a.av-iconinstagramm2, footer .rezo a.av-iconstar {
  display:block;
  text-align:center;
  padding:1.2em 0.8em;
}

footer .menuPro {
  float:left;
  padding-left:4%;
}

footer .menuPro li {
  line-height:1.8;
}

footer .menuPro li a span {
  line-height:1.8;
  margin-left:0.8em;
  margin-right:0.8em;
  font-size : 0.95em;
}

footer .adresse {
  clear:both;
  border-top:1px solid #e3e3e3;
}

footer .adresse p {
  width:92%;
  margin-left:4%;
  margin-right:4%;
  font-size:0.9em;
  padding:1em 0;
}

footer .menuLegal {
  padding:1em 0 1em 4%;
  border-top:1px solid #e3e3e3;
  clear:both;
}

footer .menuLegal li {
  display:inline-block;
}

footer .menuLegal li a {
  font-size:0.7em;
  display:block;
  margin-right:1.8em;
}

footer .accesPresse, footer .accesPresseMob, footer .accesPro, footer .accesProMob, footer .accesLettre, .envoiAmi {
  display:none;
  position:fixed;
  top:0;
  width:100%;
  height:100%;
  left:0;
  z-index:300;
  background-color:#2f2d29;
  color:#b4aa96;
  font-size:0.9em;
  line-height:1.5;
}

footer .accesPresse, footer .accesPresseMob, footer .accesProMob {
  padding:3em 0 1em 0;
}


footer .accesPresseMob > div, footer .accesPresseMob > p, footer .accesProMob > div,  footer .accesProMob > p, footer .accesLettre > div, .envoiAmi div.formulaire {
  margin-left:4%;
  margin-right:4%;
}

footer .accesPresse div.col1, footer .accesPresse div.col2 {
  float:left;
  width:40%;
}

.envoiAmi ul.col1, .envoiAmi ul.col2 {
  float:none;
  width:100%;
}

footer .accesPresse div.col1 {
  padding-right:10%;
}

footer .accesPro div.col1, footer .accesProMob div.col1 {
  padding-right:20%;
}

footer .accesLettre > div {
  padding-right:0;
}

footer .accesPresse strong, footer .accesPresseMob strong, footer .accesPro strong, footer .accesProMob strong {
  font-weight:700;
}

footer .accesPresseMob .formulaire, footer .accesProMob .formulaire {
  margin-top:0.5em;
}

footer .accesPresse .formulaire, footer .accesPro .formulaire {
  margin-top:3em;
}

footer .accesLettre .formulaire {
  margin-top:0;
}

footer .accesLettre form p {
  padding-right:20%;
}

.formulaire {
  font-family:'Arial';
  font-size:1em;
}

.envoiAmi {
  overflow: hidden;
}

form .champs {
  background-color:#b4aa96;
  border:none;
  padding:0.5em;
}

form .submit {
  background-color:#e30e14;
  border:none;
  color:#FFF;
  padding:0.5em;
}

form .submit:hover {
  background-color:#696969;
}

.envoiAmi .formulaire input {
  width:90%;
  margin-bottom:1em;
}

.envoiAmi .formulaire .btOk {
  text-align:center;
}

.envoiAmi .formulaire .submit {
  display:inline-block;
  margin-top:1em;
  width:20%;
}

footer .accesPresse a, footer .accesPresseMob a, footer .accesPro a, footer .accesProMob a, footer .accesLettre a {
  color:#b4aa96;
}

footer .accesPresse a:hover, footer .accesPresseMob a:hover, footer .accesPro a:hover, footer .accesProMob a:hover, footer .accesLettre a:hover {
  color:#FFF;
}

.accesLettre form ul {
  width:100%;
  margin-top:1em;
}

.accesLettre form ul li {
  display:block;
  width:auto;
  margin-bottom:1em;
}

.accesLettre form .btOk {
  text-align:left;
  margin-top:1em;
}

footer .rezoPad {
  display:none;
}

footer .accesPresse .av-iconcancel:before, footer .accesPresseMob .av-iconcancel:before, footer .accesPro .av-iconcancel:before, footer .accesProMob .av-iconcancel:before, footer .accesLettre .av-iconcancel:before, .envoiAmi .av-iconcancel:before {
  color: #B4AA96;
  content: "\e602";
  font-size:3em;
  cursor:pointer;
}

footer .accesPresse  span.av-iconcancel, footer .accesPresseMob  span.av-iconcancel, footer .accesPro  span.av-iconcancel, footer .accesProMob  span.av-iconcancel, footer .accesLettre  span.av-iconcancel, .envoiAmi span.av-iconcancel {
  position: absolute;
  right:1.2em;
  top:1em;
}

section.visuel.pre {
  padding-top:4em;
}

section.visuel.post {
  padding-top:7.5em;
}

section.visuel.pendant {
  padding-top:0;
}

section.visuel.pendant img {
 height:auto;
 max-height:252px;
 max-width:990px;
}

section.visuel figure {
  width:100%;
  overflow:hidden;
  min-height:252px;
  text-align:center;
}

section.visuel.pendant figure {
  max-height:252px;
}

section.visuel.sans img {
  display:none;
}

section.visuel.post figure {
  min-height:inherit;
}

section.visuel figure img {
  max-width:none;
  display:inline;
  height:15em;
  margin-left:-31%;
}

section.visuel.post figure img {
    display: block;
    height: auto;
    margin-left: 0;
    max-width: 100%;
}

section.actualite {
  background-color:#f0f0f0;
  position:relative;
  padding-top:3em;
}

section.evenement .blocPratique {
  position:relative;
  padding-top:1em;
}

section.agenda, section.programmation {
  background-color:#F0F0F0;
  position:relative;
  padding-bottom:2em;
}

section.agenda .ongletsTV {
  margin-top:0;
  height:auto;
  line-height:3;
  width:92%;
  margin-left:4%;
  margin-right:4%;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  text-align:center;
  margin-bottom:1em;
}

section.agenda .ongletsTV li {
  display:inline-block;
  width:50%;
  letter-spacing: normal;
  overflow: hidden;
  text-align: center;
  text-rendering: auto;
  word-spacing: normal;
  position:relative;
}

section.agenda .ongletsTV li a {
  padding:0.5em 1em;
  height:3em;
  line-height:3;
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
}

section.agenda .ongletsTV li a:hover, section.agenda .ongletsTV li a.ici {
  color:#696969;
}

section.agenda .ongletsTV li a.ici:after {
  font-family:'logo-avignon';
  color: #696969;
  content: "\e812";
  font-size: 0.5em;
  position:absolute;
  bottom:-1em;
  left:50%;
  margin-left:-0.3em;
}

section.agenda .ongletsTV li a span {
  display:inline-block;
  vertical-align:middle;
  line-height:1.3;
  font-size:1.1em;
}

section.technique h1.resultat {
    color: #e30e14;
    font-family: "Arial";
    font-size: 1.2em;
    margin: 0 4%;
    width: 92%;
}

section.technique .blocTourne h1.resultat {
    margin:0 0 0.5em 0;
}

.divRech {
    border-top:1px solid #696969;
    padding:0.5em 0 1em 0;
}

.blocRecherche li.lienRech {
    position:static;
}

.blocRecherche .arianeRech {
    font-family: "FuturaLTPro-Medium";
    font-size: 0.7em;
    letter-spacing: 0.1em;
    margin-bottom: 0.5em;
    margin-top: 0.8em;
    padding-bottom: 0.5em;
    padding-right: 3.5em;
    position: relative;
    text-transform: uppercase;
    color:#333;
    width:auto;
}

.blocRecherche .infoRech {
    font-family: "Arial";
    font-size: 0.9em;
    width:100%;
}

#Searchresult1, #Searchresult2, #Searchresult3 {
    padding-bottom:0;
    border-bottom:1px solid #696969;
    margin-bottom:2em;
}

section.evenement, section.artiste, section.infospratiq, section.technique, section.edito, .blocRecherche, .blocMenuN3 li, .blocMenuN3Top li {
  position:relative;
}

section.exposition {
  width:100%;
  background-color:#2F2D29;
  padding-top:1.5em;
  padding-bottom:2em;
}

section .blocArtiste {
  padding-top:1em;
}

.blocMenuN3 {
  position:absolute;
  top:-2.1em;
  margin-left:4%;
  margin-right:4%;
  width:92%;
  border:1px solid #e30e14;
}

section.actualite .blocMenuN3 {
  position:absolute;
  top:-2.1em;
  margin-left:4%;
  margin-right:4%;
  width:92%;
  background-color:transparent;
  border:none;
  text-align:center;
  z-index:4;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}

section.actualite .blocMenuN3 .edition a span.compteur, section.actualite .blocMenuN3Top .edition a span.compteur {
  font-size:2.7em;
  line-height:0.9;
}

.blocMenuN3 .edition a span.detail, .blocMenuN3Top .edition a span.detail {
  margin-left:0.8em;
}

.blocMenuN3 li a:hover, .blocMenuN3Top li a:hover {
  color:#FFF;
  background-color:#e30e14;
}

.blocMenuN3 li a:hover span.av-iconplay4:before, .blocMenuN3Top li a:hover span.av-iconplay4:before {
  color:#FFF;
}

.blocMenuN3 li.titWebtv a:hover, .blocMenuN3Top li.titWebtv a:hover, .blocMenuN3 li.titWebtv a:hover span.av-iconplay4:before, .blocMenuN3Top li.titWebtv a:hover span.av-iconplay4:before {
  background-color:transparent;
}

.blocMenuN3 li.ici a, .blocMenuN3 li.ici a span.av-iconplay4:before, .blocMenuN3Top li.ici a, .blocMenuN3Top li.ici a span.av-iconplay4:before, section.actualite .blocMenuN3 li.ici a, section.actualite .blocMenuN3Top li.ici a, section.actualite .blocMenuN3 li a {
  color:#FFF;
  background-color:#e30e14;
}

section.actualite .blocMenuN3 > li.edition, 
section.actualite .blocMenuN3Top > li.edition {
  /*/width:100%; --> MODIF 03/2017/*/
  width:auto;
  display:inline-block;
  text-align:left;
  letter-spacing: normal;
  overflow: hidden;
  text-rendering: auto;
  word-spacing: normal;
}

section.actualite .blocMenuN3 li.post, section.actualite .blocMenuN3 li.titTitreSpec {
  display:inline-block;
  text-align:left;
  letter-spacing: normal;
  overflow: hidden;
  text-rendering: auto;
  word-spacing: normal;
}


section.actualite .blocMenuN3 li.edition a, section.actualite .blocMenuN3Top li.edition a, section.actualite .blocMenuN3 li.post a, section.actualite .blocMenuN3 li.titTitreSpec a, .titreArchSpec a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  padding:0.5em 2.6em 0.5em 1.6em;
  line-height:3;
  height:3em;
  border:1px solid #e30e14;
}

section.actualite .blocMenuN3 li.post a, section.actualite .blocMenuN3 li.titTitreSpec a {
  padding:0.5em;
}

.legende.titreArchSpec {
    position:static;
}

.titreArchSpec a {
 background-color:#E30E14;
 font-weight:normal;
 cursor:default;
}

section.actualite .blocMenuN3 li.post a {
  padding-right:1.5em;
}

section.actualite .blocMenuN3 li.edition a span, section.actualite .blocMenuN3Top li.edition a span, section.actualite .blocMenuN3 li.post a span, section.actualite .blocMenuN3 li.titTitreSpec a span, .titreArchSpec a span {
  vertical-align:middle;
  display:inline-block;
  line-height:1.2;
  text-align:left;
  *display:inline;
  *zoom:1;
}

section.actualite .blocMenuN3 li.titTitreSpec a span.scene, section.actualite .blocMenuN3 li.post {
  display:none;
}

section.actualite .blocMenuN3 li.post.ici a {
    border-right:1px solid #FFF;
}

.titreArchSpec a span, .titreArchSpec a:hover span {
    color:#FFF;
}

.titreArchSpec a span.scene {
    color:#000;
}

.blocMenuN3 li.titWebtv a.ici:hover, .blocMenuN3Top li.titWebtv a.ici:hover {
  background-color:transparent;
}


/*/ MODIF 03/2017/*/

/*/.blocMenuN3 .titActu, .blocMenuN3 .titEdito, .blocMenuN3 .titProg, .blocMenuN3Top .titActu, .blocMenuN3Top .titEdito, .blocMenuN3Top .titProg {
  display:none;
}/*/
.blocMenuN3 .titActu, .blocMenuN3 .titEdito, 
.blocMenuN3 .titProg:not(.titBillet), 
.blocMenuN3Top .titActu, 
.blocMenuN3Top .titEdito, 
.blocMenuN3Top .titProg:not(.titBillet) {
  display:none;
}
/*/ FIN MODIF /*/


.blocMenuN3 > li span.av-iconplay4:before, .blocMenuN3Top > li span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  right:1.2em;
  top:50%;
  margin-top:-0.7em;
}

.blocMenuN3 > li span.av-iconplay-top:before, .blocMenuN3Top > li span.av-iconplay-top:before {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  right:2em;
  top:50%;
  margin-top:-0.7em;
}

.blocMenuN3 > li.post span.av-iconplay-top:before {
  right:0.8em;
}


.blocMenuN3 > li.titWebtv span.av-iconplay4:before, .blocMenuN3Top > li.titWebtv span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  right:1em;
  margin-top:-0.8em;
  top:50%;
}

.blocMenuN3 > li.titLedito span.av-iconplay4:before, .blocMenuN3Top > li.titLedito span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  left:1em;
  margin-top:-0.7em;
  top:50%;
}

.blocMenuN3Top > li.titToutMenu span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  left:1em;
  margin-top: -0.6em;
  top:50%;
}

 .blocMenuN3mob li.titToutMenu span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  left:1em;
  top:1.3em;
}

.blocMenuN3 > li span.av-iconplay2:before, .blocMenuN3Top > li span.av-iconplay2:before, .blocMenuN3mob > li span.av-iconplay2:before {
  font-family: 'logo-avignon';
  content: "\e810";
  font-size:0.7em;
}

.blocMenuN3 > li span.av-iconplay3:before, .blocMenuN3Top > li span.av-iconplay3:before, .blocMenuN3mob > li span.av-iconplay3:before {
  font-family: 'logo-avignon';
  content: "\e811";
  font-size:0.7em;
}

section.agenda .blocMenuN3mob, section.technique .blocMenuN3mob, section.programmation .blocMenuN3mob, section.programmation .blocTrimob, section.technique .blocTrimob, section.agenda .mosaTv .grille, .owl-carousel, .blocActu .owl-carousel, div.fil, section .blocEdito .blocContent, section .blocAgenda .blocContent, section.technique .blocTech .blocContent, section.technique .blocTech .blocContentPresseMob, section .blocPratique .detPratiques, ul.listeJour.mobtab, .blocInfoCalendrier, .blocAlerte, section .blocImages .contentSlide, .bloc .contentSlide, section .blocPresente .texte, section .blocPortrait .texte, section .blocAudio .texte, section .blocTourne .specTournee, section .blocSavoir .savoirPlus, section .blocRencontres .avant, section .blocRencontres .apres, section.artiste .spec, section.evenement .blocMenuN3mob, section.artiste .blocMenuN3mob, section.infospratiq .blocMenuN3mob, .bloc .texte, .blocImages .texte, .bloc .colonne, .blocTech ul.ligne li, .blocTech .blocContent h3, .blocTech .blocContent > p, .blocTech .blocContent .texte, section .bloc .sousRub > h3, .unique, .texteLieu, section .blocPresente h4.chapeau {
  margin-left:4%;
  margin-right:4%;
  width:92%; 
}

section.agenda .blocMenuN3mob, section.technique .blocMenuN3mob {
  position:absolute;
  top:-7.5em;
  background-color:#e30e14;
}

section.programmation .blocMenuN3mob {
  position:absolute;
  top:-6.9em;
  background-color:#e30e14;
  border-top:1px #FFF solid;
  border-left:#e30e14 1px solid;
  border-bottom:#e30e14 1px solid;
  border-right:#e30e14 1px solid;
}

section.programmation .blocTrimob, section.technique .blocTrimob {
  position:absolute;
  top:-3.7em;
  border:#e30e14 1px solid;
  z-index:10;
}

section.tournee .blocSpecTourne h2:hover, section.tournee .blocSpecTourne a:hover {
  color:#3E3E40;
}

section.tournee

section.programmation .blocTrimob li.titToutMenu span.av-iconplay4:before, section.technique .blocTrimob li.titToutMenu span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  left:1em;
  top:1.3em;
}

section.programmation .blocTrimob li.titToutMenu span.tit, section.technique .blocTrimob li.titToutMenu span.tit {
  padding-left:2em;
  display:inline-block;
  vertical-align:middle;
  line-height:1.8;
}

section.programmation .blocTrimob ul.filtreMenu, section.technique .blocTrimob ul.filtreMenu {
  display:none;
}

section.programmation .blocTrimob ul.filtreMenu li a, section.technique .blocTrimob ul.filtreMenu li a {
  display:block;
  padding:0.2em 0 0.2em 2em ;
}

section.agenda .blocMenuN3mob li {
  display:block;
}

section.agenda .blocMenuN3mob li.titJourMob, section.agenda .blocMenuN3mob li.titToutMenu{
  float:left;
  position:relative;
}

section.agenda .blocMenuN3mob a  {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#FFF;
  padding:0.5em 0;
}

section.technique .blocMenuN3mob  {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#FFF;
  padding:0;
}

section.agenda .blocMenuN3mob li.titPrevMob, section.agenda .blocMenuN3mob li.titNextMob {
  width:10%;
}

section.agenda .blocMenuN3mob li.titPrevMob a {
  border-right:1px solid #FFF;
  border-bottom:1px solid #FFF;
  height:1.2em;
}

section.agenda .blocMenuN3mob li.titNextMob a {
  border-left:1px solid #FFF;
  border-bottom:1px solid #FFF;
  height:1.2em;
}

section.agenda .blocMenuN3mob li.titJourMob {
  width:50%;
}

section.agenda .blocMenuN3mob li.titJourMob a {
  border-right:1px solid;
  margin-left:1em;
}

section.technique .blocMenuN3mob li.titPrev {
  float:left;
  width:10%;
  text-align:center;
  border-right:1px solid #FFF;
  padding:0.5em 0;
}

section.technique .blocMenuN3mob li.titPrev a {
  display:block;
  color:#FFF;
} 

section.technique .blocMenuN3mob li.titJourMob {
  float:left;
  width:80%;
  text-align:center;
  padding:0.5em 0;
}

section.agenda .blocMenuN3mob li.titToutMenu {
  width:50%;
}

section.agenda .blocMenuN3mob li.titToutMenu a {
   text-align:left;
}

section.agenda .blocMenuN3mob li.titToutMob {
  width:12%;
}

section.agenda .blocMenuN3mob li.titToutMenu a span.tit {
 margin-left:2em;
}

section.agenda .blocMenuN3mob li.titToutMenu .filtreMenu {
  display:none;
  position:absolute;
  width:100%;
  padding-bottom:1em;
  background-color:#e30e14;
  z-index:4;
}

section.agenda .blocMenuN3mob li.titToutMenu .filtreMenu li {
  background-color:#e30e14;
}

section.agenda .blocMenuN3mob li.titToutMenu .filtreMenu li a {
  display:block;
  padding-left:2em;
  font-size:0.9em;
  height:1.3em;
  line-height:1.3;
}

section.agenda .blocMenuN3mob > li span.av-iconplay3:before {
  font-family: 'logo-avignon';
  content: "\e811";
  font-size:0.7em;
}

section.agenda .blocMenuN3mob > li span.av-iconplay2:before {
  font-family: 'logo-avignon';
  content: "\e810";
  font-size:0.7em;
}

section.agenda .blocMenuN3mob > li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-2px;
  left:42%;
}

.blocActu .titre, .blocPratique .titre, .blocPresente .titre, .blocTourne .titre, .blocSavoir .titre, .blocSpectacles .titre, .blocRencontres .titre, .blocPortrait .titre, section.programmation .blocAgenda .titre, .gris .titre, .blanc .titre, .grisE4 .titre, .blocImages.ficheLieu .titre, .blocEdito .titre, .programmation-lieu .titre {
  background-image:url('../img/picto/trait-bg-gris.gif');
  background-position:0 center;
  background-repeat:repeat-x;
  text-align:center;
}

section.agenda .blocAgenda .titre {
  position:absolute;
  background-image:url('../img/picto/trait-bg-rouge.gif');
  background-position:0 center;
  background-repeat:repeat-x;
  text-align:center;
  top:-5em;
  width:100%;
}

section.technique .blocTech .titre {
  position:relative;
  background-image:url('../img/picto/trait-bg-rouge.gif');
  background-position:0 center;
  background-repeat:repeat-x;
  text-align:center;
  top:-7em;
}

section.technique.public .blocTech .titre {
  top:-11em;
}

section.technique.public .blocAgenda {
  margin-top: -6em;
}

.blocExpo .titre, .blocImages .titre {
  background-image:url('../img/picto/trait-bg-beige.gif');
  background-position:0 center;
  background-repeat:repeat-x;
  text-align:center;
}

.blocAudio .titre {
  background-image:url('../img/picto/trait-bg-blanc.gif');
  background-position:0 center;
  background-repeat:repeat-x;
  text-align:center;
}

.blocActu .titre h2, .blocPratique .titre h2, .blocPresente .titre h2, .blocSavoir .titre h2, .blocTourne .titre h2, .blocSpectacles .titre h2, .blocRencontres .titre h2, .blocPortrait .titre h2, .gris h2, .grisE4 h2, .blanc h2, .blocEdito .titre h2, .programmation-lieu .titre h2 {
 display:inline-block;
 font-family: 'FuturaLTPro-MediumCond';
 font-size:2.5em;
 font-weight:normal;
 text-transform:uppercase;
 color:#696969;
 padding:0.5em; 
 background-color:#f0f0f0;
 line-height:1;
}

section.evenement .bloc .texte li h2 {
  display: block;
  font-family: 'Arial';
  font-size: 1.2em;
  font-weight: 700;
  color: #e30e14;
  padding: 0;
  background-color: transparent;
  line-height: 1.5;
  text-transform: none;
}

.grisE4 h2 {
 background-color:#E4E4E4;
}

.blanc h2, .blocEdito .titre h2 {
 background-color:#FFFFFF;
}

.blocAgenda .mosa {
  margin-top:1em;
}

section.agenda .blocVideo {
  margin:0 0 1em 0;
  padding:0;
}

section.agenda .blocVideo .playeurVideo {
 max-width:720px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
}

section.agenda .blocVideo .playeurVideo .videoWrapper {
   height:0;
   padding-bottom: 56.25%;
}

section.agenda .blocVideo .playeurVideo .videoWrapper iframe {
 height:100%;
 width:100%;
 position:absolute;
}

section.agenda .mosaTv .item {
  float:none;
  width:100%;
  margin-right:0;
}

section.agenda .mosaTv .item span.av-iconplay3:after {
  font-family: 'logo-avignon';
  content: "\e811";
  color:#FFF;
  font-size:1.8em;
  display:block;
  position:absolute;
  bottom:0.2em;
  left:0.2em;
  padding:0.1em 0.2em;
  background-image:url('../img/picto/fdOp60.png');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

section.agenda .mosaTv .item li.vig {
  position:relative;
  background-color:#696969;
  margin-bottom:1em;
}

section.agenda .mosaTv .item li.vig img {
  width:100%;
  height:auto;
  display:block;
}

section.agenda .mosaTv .item p {
  font-family:'Arial';
  font-size:0.8em;
  margin-bottom:2em;
}

section.agenda .blocAgenda .titre h2, section.technique .blocTech .titre h2, section.programmation .blocAgenda .titre h2  {
 display:inline-block;
 font-family: 'FuturaLTPro-MediumCond';
 font-size:2.5em;
 font-weight:normal;
 text-transform:uppercase;
 color:#e30e14;
 padding:0.5em;
 line-height:1;
}

section.programmation .blocAgenda .titre h2 {
 color:#666;
 background-color:#F3EFF0;
}

section.programmation .blocMenuN3 {
  top:-12em;
  background-color:#e30e14;
}

section.tournee .blocMenuN3 {
    top: -15em;
    background-color: #e30e14;
}

section.programmation .blocMenuN3 > li {
  float:left;
  text-align:center;
}

section.programmation .blocMenuN3 li span, section.programmation .blocMenuN3 li span.mob {
  display:inline-block;
}

section.programmation .blocMenuN3 li span.screen {
  display:none;
}

section.programmation .blocMenuN3 a, section.programmation .blocMenuN3Top a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#660000;
  padding:0.5em 0;
}

section.programmation .blocMenuN3 a:hover, section.programmation .blocMenuN3Top a:hover {
  color:#FFF;
}

section.programmation .blocTrimob a, section.technique .blocTrimob a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  padding:0.5em 0;
}

section.programmation .blocMenuN3 a, section.programmation .blocTrimob a, section.technique .blocTrimob a {
  height:1.5em;
  line-height:1.5;
}

section.programmation .blocMenuN3 li a.ici, section.programmation .blocMenuN3Top li a.ici {
  color:#FFF;
}

section.programmation li.titProgAnnee a:hover.ici {
    color:#3E3E40;
}

section.programmation .blocMenuN3 > li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-0.55em;
  margin-left:-0.5em;
  left:50%;
}

section.programmation .blocMenuN3 li.titProgAnnee {
  display:block;
  float:none;
  border-bottom:1px solid #FFF;
}

section.programmation .blocMenuN3 li.titParDate, section.programmation .blocMenuN3 li.titParLieu {
  width:18%;
}

section.programmation .blocMenuN3 li.titParArtiste {
  width:30%;
}

section.programmation .blocMenuN3 li.titParSpectacle {
  width:34%;
}

section.programmation .blocMenuN3mob li.titItemJour {
  width:80%;
  float:left;
  text-align:center;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#FFF;
  padding-top:0.5em;
}

section.programmation .blocMenuN3mob li.titPrev, section.programmation .blocMenuN3mob li.titNext {
  width:10%;
  float:left;
}

section.programmation .blocMenuN3mob li a {
  display:block;
  height:2.2em;
  line-height:2;
  color:#FFF;
  text-align:center;
}

section.programmation .blocMenuN3mob li.titPrev a {
  border-right:1px solid #FFF;
}

section.programmation .blocMenuN3mob li.titNext a {
  border-left:1px solid #FFF;
}

section.programmation .blocMenuN3mob li a span { 
  vertical-align:middle;
  display:inline-block;
  text-align:center;
  *display:inline;
  *zoom:1;
}

.blocInfoCalendrier, .blocAlerte {
  background-color:#FFF;
  position:relative;
}

.blocAlerte {
  margin-top:1em;
}

.blocAlerte.public {
  background-color:transparent;
  position:relative;
  text-align: center;
}

.blocAlerte.public p {
  margin: 0;
}

div.close {
  position:absolute;
  top:0.5em;
  right:0.5em;
  width:2.5em;
  height:2.5em;
}

div.close a {
  display:block;
}

div.close a.av-iconcancel:before {
  color:#696969;
  content: "\e602";
  font-size:3em;
}

.blocInfoCalendrier ul {
  padding:1em;
  height:auto;
}

.blocAlerte p {
  padding:1em;
}

.blocInfoCalendrier > ul li {
  float:left;
}

.blocInfoCalendrier ul li.titreCal {
  width:50%;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#666;
  font-size:1.3em;
  background-image:none;
  line-height:1.8;
  display:none;
}

.blocInfoCalendrier ul li.cal {
  width:100%;
  text-align:center;
}

.blocInfoCalendrier ul li.cal a {
  color:#e30e14;
  display:block;
  margin-top:0.2em;
}

.blocInfoCalendrier ul li.cal a span {
    font-family: 'FuturaLTPro-MediumCond';
    text-transform:uppercase;
    font-size:1.2em;
    padding-left:0.5em;
}

.blocInfoCalendrier ul li.cal a span.av-iconcalendrier1:before  {
  color:#e30e14;
  font-size:1.2em;
}

.blocInfoCalendrier ul li.detail  {
  width:100%;
  float:none;
  clear:left;
}

.blocInfoCalendrier ul li.detail p, .blocAlerte p {
  font-size:0.9em;
  font-family:'Arial';
  line-height:1.3;
  color:#e30e14;
  margin-left:0;
  padding-top:1em;
}

.technique.public .blocAlerte p {
  color:#666;
}

.blocExpo .titre h2, .blocImages .titre h2, .blocImages.ficheLieu .titre h2, .blocAudio .titre h2 {
 display:inline-block;
 font-family: 'FuturaLTPro-MediumCond';
 font-size:2.5em;
 font-weight:normal;
 text-transform:uppercase;
 color:#FFFFFF;
 padding:0.5em; 
 background-color:#2F2D29;
 line-height:1;
}

.blocImages.ficheLieu .titre h2 {
 color:#696969;
 background-color:#f0f0f0;
}

 .blocAudio .titre h2 {
 color:#FFFFFF;
 background-color:#b4aa96;
}

/*.blocAgenda .top2 {
  margin-top:-4em;
}*/

section .blocArtiste.blocListeSpectacles .illus, section.infospratiq .blocActu .illus, section.programmation .blocActu .illus {
  padding:0;
  background-color:transparent;
}

section .blocArtiste.blocListeSpectacles .illus {
  position: relative;
}

section .blocActu .illus, section .blocArtiste .illus, section.infospratiq .blocActu.blocFabActu .illus {
  padding:1em;
  background-color:#FFF;
}

section .blocArtiste .illus img {
  width:174px;
  height:174px;
}

section .blocArtiste.blocListeSpectacles .illus img, section.infospratiq .blocActu.arti .illus, section.programmation .blocActu .arti .illus img {
  width:100%;
  height:auto;
}

section .blocActu .illus img, section.infospratiq .blocActu.blocFabActu .illus img {
  width:165px;
  height:166px;
}

section .blocAgenda .illus, .exposition .illus {
  padding:0;
  position:relative;
}

section .blocAgenda .illus img, section .blocExpo .illus img, section .bloc .illus img, section.infospratiq .blocActu .illus img {
  width:100%;
  height:auto;
}

.blocSpectacles .illus {
  position:relative;
}

section .blocAgenda .illus .infosPlus, .blocSpectacles .illus .infosPlus, section .blocListeSpectacles .illus .infosPlus, .exposition .illus .infosPlus {
  position:absolute;
  bottom:1em;
  right:1em;
  background-color:#e30e14;
  padding:0.5em;
  width:8em;
  height:2.5em;
  color:#FFF;
  font-family: 'FuturaLTPro-Medium';
  font-size:0.7em;
  text-transform:uppercase;
  text-align:center;
  line-height:1.2;
}

.blocAussi .owl-carousel, .diaporama.owl-carousel{
  width: 100%;
  margin-left:0;
  margin-right:0;
}

.owl-theme .owl-controls{
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.diaporama .owl-controls{
  margin-top: 0;
  display:block;
}

.blocAussi .owl-controls{
  width:100%;
  position:relative;
  margin-top:0;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color:#2F2D29;
  height:1.5em;
}

.owl-theme .owl-controls .owl-nav div.owl-prev {
  position:absolute;
  top:4.8em;
  left:-4%;
  width:1.2em;
}

.owl-theme .owl-controls .owl-nav div.owl-next {
  position:absolute;
  top:4.8em;
  right:-4%;
  width:1.2em;
}

.diaporama.owl-theme .owl-controls .owl-nav div.owl-prev {
  position:absolute;
  top:2.8em;
  left:0;
  width:1.2em;
}

.diaporama.owl-theme .owl-controls .owl-nav div.owl-next  {
  position:absolute;
  top:2.8em;
  right:0;
  width:1.2em;
}

.blocActu .owl-theme .owl-controls .owl-nav div.owl-prev {
  top:20%;
  margin-top:-1em;
}

.blocActu .owl-theme .owl-controls .owl-nav div.owl-next {
  top:20%;
  margin-top:-1em;
}

.blocAgenda .owl-theme .owl-controls .owl-nav div.owl-prev, .blocSpectacles .owl-theme .owl-controls .owl-nav div.owl-prev {
  top:22%;
  margin-top:-1em;
}

.blocAgenda .owl-theme .owl-controls .owl-nav div.owl-next, .blocSpectacles .owl-theme .owl-controls .owl-nav div.owl-next {
  top:22%;
  margin-top:-1em;
}

.blocRencontres .owl-theme .owl-controls .owl-nav div.owl-prev {
  top:0;
  margin-top:-2em;
}

.blocRencontres .owl-theme .owl-controls .owl-nav div.owl-next {
  top:0;
  margin-top:-2em;
}

.centerSlide {
    position:absolute;
    width:100%;
    top:10em;
    z-index:190;
}

div.owl-prev:before {
  content: "\e810";
  font-family: 'logo-avignon';
  font-size:0.7em;
  color:#FFF;
  line-height:1;
}

div.owl-next:before {
  content: "\e811";
  font-family: 'logo-avignon';
  font-size:0.7em;
  color:#FFF;
  line-height:1;
}

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

.blocImages .article, .bloc .article {
    width:100%;
}

.blocImages .article div.wrapper, .bloc .article div.wrapper {
    position:relative;
    height:0;
    padding-bottom:56.5%;
    text-align:left;
}

.blocImages .article iframe, .bloc .article iframe {
    width:100%;
    height:100%;
    position:absolute;
}

#prevSlide:before, #prevSlide1:before {
  content: "\e810";
  font-family: 'logo-avignon';
  font-size:0.9em;
  color:#FFF;
  line-height:1;
}

#nextSlide:before, #nextSlide1:before {
  content: "\e811";
  font-family: 'logo-avignon';
  font-size:0.9em;
  color:#FFF;
  line-height:1;
}

#prevSlide, #prevSlide1 {
  position:absolute;
  width:1.5em;
  text-align:center;
  cursor:pointer;
  background-color:#e30e14;
  padding:0.3em;
}

#nextSlide, #nextSlide1 {
  background-color:#e30e14;
  position:absolute;
  width:1.5em;
  right:0;
  text-align:center;
  cursor:pointer;
  padding:0.3em;
}

#per-slide-template, #per-slide-template1 {
    display:none;
}

.blocAussi .owl-controls .owl-nav div.owl-prev {
  float:none;
  position:absolute;
  width:1.2em;
  top:0.2em;
  left:0;
  text-align:center;
  cursor:pointer;
}

.blocAussi .owl-controls .owl-nav div.owl-next {
  float:none;
  position:absolute;
  width:1.2em;
  top:0.2em;
  right:0;
  text-align:center;
  cursor:pointer;
}

.blocAussi div.owl-prev:before {
  color:#B4AA96;
  line-height:1;
}

.blocAussi div.owl-next:before {
  color:#B4AA96;
  line-height:1;
}

.blocActu .type {
  font-family: 'FuturaLTPro-Medium';
  font-size:0.7em;
  text-transform:uppercase;
  margin-top:0.8em;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  border-bottom:1px solid #666;
  letter-spacing:0.1em;
}

.blocRencontres .titreRenc h3 a {
  display:block;
  font-family: 'FuturaLTPro-Medium';
  font-size:0.7em;
  color:#e30e14;
  text-transform:uppercase;
  margin-top:0.8em;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  border-bottom:1px solid #666;
  letter-spacing:0.1em;
  font-weight:normal;
}

.blocAgenda .type, .blocArtiste .type {
  font-family: 'FuturaLTPro-Medium';
  font-size:0.7em;
  text-transform:uppercase;
  margin-top:0.8em;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  letter-spacing:0.1em;
  position:relative;
  padding-right:3.5em;
}

.blocAgenda .type .rubrique, .blocArtiste .type .rubrique {
  color:#333333;
}

.blocSpectacles .type {
  font-family: 'FuturaLTPro-Medium';
  font-size:0.7em;
  color:#e30e14;
  text-transform:uppercase;
  margin-top:0.8em;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  letter-spacing:0.1em;
  position:relative;
}

.blocAgenda .type .billetterie, .blocExpo .titreExpo .billetterie, .blocSpectacles .type .billetterie, .blocArtiste .type .billetterie {
  position:absolute;
  top:0;
  right:1.2em;
  background-color:#e30e14;
  width:30px;
  height:30px;
  border-radius:1000px;
  -moz-border-radius:1000px;
  -webkit-border-radius:1000px;
  text-align:right;
}

.blocAgenda .type .billetterie:hover, .blocArtiste .type .billetterie:hover {
  background-color:#696969;
}

.menu li a span.ajout {
  background-color:#3E3E40;
  border-radius: 1000px 1000px 1000px 1000px;
  height: 1.5em;
  position: absolute;
  right: 1em;
  top: 2em;
  width: 1.5em;
  color:#FFF;
  line-height:1.6;
  font-size:1em;
  padding:0.2em;
}

.menu li a:hover span.ajout {
  color:#FFF;
}

.blocAgenda .type .av-iconcaddy:after, .blocSpectacles .type .av-iconcaddy:after, .blocArtiste .type .av-iconcaddy:after {
  content: "\e604";
  font-family: 'logo-avignon';
  font-size:1.5em;
  color:#FFF;
  line-height:1.8;
  padding-right:0.2em;
}

.blocExpo .titreExpo .av-iconcaddy:after {
  content: "\e604";
  font-family: 'logo-avignon';
  font-size:1.1em;
  color:#FFF;
  line-height:1.8;
  padding-right:0.2em;
}

.blocActu .date, .blocRencontres .date {
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  border-bottom:1px solid #666;
}

.blocActu .date ul {
  float:left;
  width:60%;
}

.blocRencontres .date ul {
  float:left;
  width:70%;
}

.blocActu .date ul .jour, .blocRencontres .date ul .jour {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
}

.blocActu .date ul .lieu, .blocRencontres .date ul .lieu {
  font-family: 'Arial';
  font-weight:bold;
  font-size:0.9em;
}

.blocActu .date p {
  float:right;
  width:40%;
  text-align:right;
  font-family: 'FuturaLTPro-Medium';
  font-size:0.7em;
  text-transform:uppercase;
  color:#696969;
  line-height:3.3;
  letter-spacing:0.1em;
}

.blocRencontres .date p {
  float:right;
  width:30%;
  text-align:right;
  font-family: 'FuturaLTPro-Medium';
  text-transform:uppercase;
  color:#696969;
  letter-spacing:0.1em;
  padding-top:1em;
}

.blocRencontres .date p a {
  display:block;
}

.blocRencontres .detail {
  font-family:'Arial';
  font-size:0.9em;
  line-height:1.3;
}

.blocActu .titreActu h3, .blocArtiste .titreArtiste h3 {
  font-family: 'Arial';
  font-size:1.4em;
  font-weight:normal;
  color:#e30e14;
  margin-top:0.5em;
  margin-bottom:0.5em;
  line-height:1;
}

.blocAgenda .titreSpec h3, .blocSpectacles .titreSpec h3, .blocArtiste .titreSpec h3 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.5em;
  font-weight:normal;
  color:#e30e14;
  margin-top:0.5em;
  margin-bottom:0.5em;
  line-height:1;
  text-transform:uppercase;
}

.blocExpo .titreExpo {
  position:relative;
}

.blocExpo .titreExpo h3 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.5em;
  font-weight:normal;
  color:#FFF;
  margin-top:0.5em;
  margin-bottom:0.5em;
  line-height:1;
  width:75%;
  text-transform: uppercase;
}

.blocAgenda .titreSpec h3 a, .blocSpectacles .titreSpec h3 a, .blocArtiste .titreSpec h3 a {
  color:#e30e14;
  line-height:1.2;  
}

.blocExpo .titreExpo h3 a {
  color:#FFF;
  line-height:1.2;  
}

.blocArtiste a .titreArtiste h3 {
  color:#e30e14;
  line-height:1.2;
  text-align:center;
  font-size:1.2em;
}

.blocActu .detail, .blocAgenda .distri, .blocSpectacles .distri, .mosa.arti .distri {
  font-family: 'Arial';
  font-size:0.9em;
  font-weight:normal;
  margin-bottom:0.5em;
  line-height:1.3;
}

.jours {
  font-family: 'Arial';
  font-size:0.9em;
  font-weight:normal;
  line-height:1.3;
}

.detail strong, .texte strong {
    font-weight:700;
}

.detail em, .texte em {
    font-style:italic;
}

.blocExpo .distri {
  font-family: 'Arial';
  font-size:0.9em;
  font-weight:normal;
  color:#FFF;
  margin-bottom:0.5em;
}

.blocAgenda .mosa > ul, .blocArtiste .mosa > ul, .blocSpectacles .mosa > .item {
  margin-top:0.5em;
  padding-top:1em;
  border-top:1px solid #666;
}

.blocAgenda .dates {
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding-top:0.5em;
}

.blocSpectacles .dates {
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding-top:0.5em;
}

.blocExpo .dates {
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding-top:0.5em;
  border-top:1px solid #b4aa96;
}

.blocAgenda .dates ul .lieu, .blocSpectacles .dates ul .lieu {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1em;
  text-transform:uppercase;
  letter-spacing:0.02em;
}

.blocExpo .dates div.lieu {
  font-family: 'Arial';
  font-weight:bold;
  font-size:0.9em;
  color:#b4aa96;
}

.blocAgenda .dates ul .duree, .blocSpectacles .dates ul .duree, .blocRencontres .date ul .duree {
  display:none;
  font-family: 'Arial';
  font-size:0.9em;
  color:#696969;
}

.blocExpo .dates ul.jour {
  margin-top:0.5em;
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.2em;
  text-transform:uppercase;
  color:#b4aa96;
}

.blocAgenda ul.grille, .blocSpectacles ul.grille {
  margin-top:0.5em;
}

.blocAgenda ul.grille li {
  float:left;
  width:50%;
}

 .blocSpectacles ul.grille li.heure {
  clear:right;
}

.blocAgenda ul.grille li.heure span, .blocSpectacles ul.grille li.heure span {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.2em;
  text-transform:uppercase;
}

.blocAgenda .av-iconcalendrier1:before, .blocSpectacles .av-iconcalendrier1:before, .blocRencontres .av-iconcalendrier1:before {
  font-family: 'logo-avignon';
  content: "\e607";
  color:#696969;
  font-size:1.4em;
}

.blocAgenda .av-iconcalendrier1:hover:before, .blocSpectacles .av-iconcalendrier1:hover:before, .blocRencontres .av-iconcalendrier1:hover:before {
  color:#E30E14;
}

.blocAgenda ul.grille li.heure a {
  display:inline-block;
  float:right;
  margin-right:2em;
}

.blocSpectacles ul.grille li.heure a {
  float:right;
}

.container a.av-iconaudio, .container a.av-iconplay3, .container a.av-iconvideo,
.alerteMoulinette a.av-iconplay3,
.alerteModale a.av-iconplay3, .confirmFermerStormModale a.av-iconplay3 {
  display:inline-block;
  margin-top:0.8em;
  margin-bottom:0.5em;
  font-family: 'FuturaLTPro-Medium';
  text-transform:uppercase;
  color:#FFF;
  background-color:#e30e14;
  letter-spacing:0.1em;
  padding:0.5em 0.5em 0.5em 0;
  font-size:0.7em;
}

.container a.av-iconaudio, .container a.av-iconplay3, .container a.av-iconvideo {
    margin-top:1em;
    width:98%;
    text-align:center;
}

.container a.av-iconaudio:hover, .container a.av-iconplay3:hover, .container a.av-iconvideo:hover, .alerteMoulinette a.av-iconplay3:hover {
  background-color:#696969;
}

a.av-iconplay3:before {
  content: "\e811";
  font-family: 'logo-avignon';
  color:#FFF;
  line-height:1;
  padding-left:0.5em;
  padding-right:0.5em;
}

footer a.av-iconplay3:before {
  padding-left:0;
}

.container a span.plus {
  position:relative;
  top:-0.1em;
  right:0;
}

footer .presse a.av-iconplay3:before {
  padding-left:0;
}

a.av-iconvideo:before {
  content: "\e605";
  font-family: 'logo-avignon';
  color:#FFF;
  line-height:1;
  padding-left:0.5em;
  padding-right:0.5em;
}

a.av-iconaudio:before {
  content: "\e606";
  font-family: 'logo-avignon';
  color:#FFF;
  line-height:1;
  padding-left:0.5em;
  padding-right:0.5em;
}

.item {
  padding-bottom:1.5em;
}

.blocAussi .item {
  padding-bottom:0;
}

.blocAgenda li.fil h3, div.fil h3 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.2em;
  color:#e30e14;
  text-transform:uppercase;
  font-weight:normal;
}

.blocAgenda .blocFil, div.fil .blocFil {
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding-top:0.5em;
  border-top:1px solid #666;
}

.blocAgenda .blocFil p, div.fil .blocFil p {
  font-family: 'Arial';
  font-size:0.9em;
  line-height:1.3;
}

.blocAgenda .blocFil p a, div.fil .blocFil p a {
  color:#e30e14;
}

.blocAgenda .blocFil .av-icontwitter2:before, div.fil .blocFil .av-icontwitter2:before {
  content: "\e805";
  font-size:1em;
  color:#e30e14;
}

.blocAgenda .blocFil .av-iconfacebook2:before, div.fil .blocFil .av-iconfacebook2:before {
  content: "\e80b";
  font-size:1em;
  color:#e30e14;
}

.blocAgenda .blocFil .av-iconcles3:before, div.fil .blocFil .av-iconcles3:before {
  content: "\e60b";
  font-size:1.4em;
  color:#e30e14;
}

.blocAgenda .blocFil div.ico, div.fil .blocFil div.ico{
  width:10%;
  float:left;
}

.blocAgenda .blocFil div.comment, div.fil .blocFil div.comment{
  width:80%;
  float:left;
  padding-right:5%;
}

.blocEdito {
  padding-bottom:2em;
}

section.infospratiq .blocEdito .titre h2 {
    background-color:#F0F0F0; 
}

section.technique .blocTech .blocContent p {
  padding-bottom:0.5em;
  line-height:1.6;
  margin-bottom:2em;
}

section.technique .blocTech .blocContent h2 {
  font-family: 'Arial';
  font-size: 1.2em;
  font-weight:normal;
}

section.technique .blocTech .blocContent div {
  font-family: 'Arial';
}


section .blocEdito .blocIllus {
  float:none;
  width:100%;
  max-height:18em;
  overflow:hidden;
}

section .blocAgenda .blocContent .blocIllus {
  float:none;
  width:100%;
}

section.technique .blocTech .blocContent {
  margin-left:0;
  margin-right:0;
  width:100%;
  margin-top:-3em;
}

section.technique .blocTech {
  width:100%;
  margin-left:0;
  margin-right:0;
  background-color:#F0F0F0;
}

section.technique.programmation .blocTech {
  margin-top: 6em;
}

section .blocEdito .blocIllus img {
  width:100%;
}

section .blocEdito.arch .blocIllus {
background-color:#2f2d29;
max-height:none;
text-align:center;
}

section .blocEdito.arch .blocIllus img {
display:block;
width:30%;
margin-left:auto;
margin-right:auto;
}

section .blocAgenda .blocContent .programme {
  padding-top:1em;
}

section .blocAgenda .blocContent .programme .blocIllus img {
  width:auto;
}

section .blocEdito .detail, section .blocAgenda .blocContent .detail {
  float:none;
  width:100%;
}

section .blocEdito .detail h3, section .blocAgenda .blocContent .detail h3 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.5em;
  font-weight:normal;
  text-transform:uppercase;
  color:#e30e14;
  padding:0.5em 2em 0.5em 0;
  line-height:1;
}

section .blocEdito .detail p, section .blocAgenda .blocContent .detail p {
  font-family: 'Arial';
  font-size:0.9em;
  line-height:1.5;
  margin-bottom:1em;
}

section .blocEdito .detail p strong, section .blocAgenda .blocContent .detail p strong {
 font-weight:bold;
}

.blocContent .programme, .blocContent .ledito {
  margin-bottom:2em;
}

section.evenement .blocMenuN3mob {
  border:none;
  background-color:transparent;
  text-align:center;
  position: absolute;
  top: -10.5em;
}

section.artiste .blocMenuN3mob, section.infospratiq .blocMenuN3mob {
  border:none;
  text-align:center;
  position: absolute;
  top: -10.5em;
}

section.evenement .blocMenuN3mob .titrePage {
  border:#e30e14 1px solid;
}

section.infospratiq .blocMenuN3mob .titrePage {
  background-color:transparent;
}

section.evenement .blocMenuN3mob h1 {
  display:inline-block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  font-size:1.6em;
  font-weight:normal;
  text-align:center;
  line-height:1.2;
  padding:0.8em 0.8em 0 0.8em;
}

section.evenement .blocMenuN3mob h1 a {
    color:#3E3E40;
}

section.evenement .blocMenuN3mob h1 a:hover {
    color:#696969;
}

section.evenement .detPratiques h2 {
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  font-size:1.3em;
  font-weight:normal;
  line-height:1.2;
}

section.evenement .detPratiques p strong  {
      font-weight: bold;
}

section.evenement .blocMenuN3mob .titcalendar h1 {
  padding:0.3em;
  font-size:1.3em;
}

section.artiste .blocMenuN3mob h1 {
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  border:#e30e14 1px solid;
  color:#e30e14;
  font-size:1.6em;
  font-weight:normal;
  text-align:center;
  padding:0.3em;
}

section.artiste .blocMenuN3mob h1 a {
    color:#3E3E40;
}

section.artiste .blocMenuN3mob h1 a:hover {
    color:#696969;
}

section.infospratiq .blocMenuN3mob h1 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.3em;
  color:#e30e14;
  text-transform:uppercase;
  font-weight:normal;
  text-align:center;
}

 section.infospratiq .blocMenuN3mob h1:after {
  font-family: 'logo-avignon';
  content: "\e812";
  color:#e30e14;
  font-size:0.7em;
  display:block;
}

section.artiste .blocMenuN3mob .titrePage .illus{
  padding-top:0.3em;
  width:100%;
}

section.artiste .blocMenuN3mob .titrePage .illus img{
  width:100%;
}

section.evenement .blocMenuN3mob li.titTag {
  padding:0 0 0.8em 0;
}

section.evenement .blocMenuN3mob li.titTag span {
  display:inline-block;
  font-family: 'FuturaLTPro-Medium';
  text-transform:uppercase;
  color:#e30e14;
  font-size:0.7em;
  letter-spacing:0.1em;
  line-height:1.2;
  padding:0 0.5em;
}

section .blocPratique, section .blocSpectacles, section .blocRencontres, section .blocPortrait {
  width:100%;
  background-color:#f0f0f0;
  padding-bottom:2em;
  position:relative;
}

section .blocSpectacles {
  position:relative;
  top:-4em;
}

.detPratiques a {
  color:#e30e14;
}

.detPratiques a:hover {
  color:#3E3E40;
}

section .blocPratique .detPratiques li {
  margin-bottom:1em;
}

section .blocPratique .detPratiques li p {
  font-family:'Arial';
  font-size:0.9em;
}

section .blocPratique .detPratiques li p.date {
    text-transform: uppercase;
    font-weight:700;
}

section .blocPratique .detPratiques li p.mise {
  margin-top:0.5em;
}

section .blocPratique .detPratiques li p.nom a {
  font-size:0.9em;
  font-weight:700;
  color:#e30e14;
  text-transform:uppercase;
}

section .blocPratique .detPratiques li p.navette a, .covoiturage span a {
  color:#e30e14;
}

section .blocPratique .detPratiques li p.nom a:hover, section .blocPratique .detPratiques li p.navette a:hover, .covoiturage a:hover {
    color:#3E3E40;
}

section .blocPratique .detPratiques li p.ville {
  margin-bottom:1em;
}

section .blocPratique .detPratiques li p.lieu, section .blocPratique .detPratiques li p.navette, section .blocPratique .detPratiques li p.tarif {
  font-size:0.9em;
  font-weight:700;
  margin-bottom:0.5em;
}

.av-iconnavette:before {
  content: "\e603";
  font-size:0.9em;
  color:#e30e14;
  margin-right:0.5em;
}

.av-iconvoiture:before {
  content: "\e608";
  font-size:0.9em;
  color:#e30e14;
  margin-right:0.5em;
}

.covoiturage .icon {
    background: url(../img/svg/covoiturage.svg) no-repeat center;
    background-size: 100%;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}

.restauration .icon {
    background: url(../img/svg/restauration.svg) no-repeat center;
    background-size: 100%;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}

.lsf .icon {
    background: url(../img/svg/icon_lsf.svg) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}


.pmr .icon {
    background: url(../img/svg/icon_pmr.svg) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}

.boucle .icon {
    background: url(../img/svg/icon_boucle.svg) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}

.audio_description .icon {
    background: url(../img/svg/icon_audio_description.svg) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}

.stt .icon {
    background: url(../img/svg/icon_stt.svg) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 17px;
    display: block;
    float: left;
}

.lunettes .icon {
    background: url(../img/svg/icon_lunettes.svg) no-repeat center;
    background-size: cover;
    width: 25px;
    height: 23px;
    display: block;
    float: left;
}

.buvette .icon {
    background: url(../img/svg/buvette.svg) no-repeat center;
    background-size: cover;
    width: 19px;
    height: 17px;
    display: block;
    float: left;
}

.covoiturage a, .restauration .text, .buvette .text, .lsf .text, .pmr .text, .boucle .text, .audio_description .text, .stt .text, .lunettes .text {
  float: left;
  font-size: 1em;
  padding-left: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.restauration .text, .buvette .text, .lsf .text, .pmr .text, .boucle .text, .audio_description .text, .stt .text, .lunettes .text {
  color:#e30e14;
  font-weight: 700;
  width:80%;
}

section .blocPratique .detPratiques li p.creation {
  margin-top:0.5em;
  margin-bottom:0.5em;
}

section .blocPratique .detPratiques li p.duree {
  margin-top:0.5em;
}

section .blocPratique .timeline table.tableScreen {
  display:none;
}

.mobtab {
  display:inline-block;
}

section.evenement .timeline {
  text-align:center;
  width:100%;
}

ul.listeJour.mobtab {
  text-align:left;
  margin-top:1em;
}

ul.listeJour.mobtab li {
  border-top:1px solid #696969;
  font-family: 'Arial';
  font-size: 0.9em;
  clear:both;
}

ul.listeJour.mobtab li.itemJour {
  border-left:1px solid #696969;
  border-right:1px solid #696969;
  padding-top:0.3em;
  padding-bottom:0.3em;
  background-color:#FFF;
}

ul.listeJour.mobtab li.itemJour > span {
  float:left;
  display:block;
  line-height:2.5;
}

ul.listeJour.mobtab li.itemJour > span.l {
  padding-left:2%;
  width:30%;
  font-weight:700;
}

ul.listeJour.mobtab li.itemJour > span.c {
  width:15%;
   font-weight:700;
}

ul.listeJour.mobtab li.itemJour > span.heure {
  width:25%;
}

ul.listeJour.mobtab li.itemJour > span.heure > span.demiheure {
  font-size: 0.6em;
}

ul.listeJour.mobtab li.itemJour > span.caddy {
  text-align:right;
  padding-right:2%;
  width:11%
}


ul.listeJour.mobtab li.itemJour > span.calendrier {
  text-align:right;
  padding-right:2%;
  width:11%
}

ul.listeJour.mobtab li.itemJour a.av-iconcalendrier1:before  {
    display:block;
    color: #696969;
    content: "\e607";
    font-family: 'logo-avignon';
    font-size:2em;
}

ul.listeJour.mobtab li.footer a.av-iconcaddy:after  {
    color: #FFF;
    content: "\e604";
    font-family: 'logo-avignon';
    font-size: 1.5em;
    line-height: 1.5;
    margin-left:0.3em;
}

ul.listeJour.mobtab li.footer a.av-iconcaddy {
    display:block;
    background-color: #E30E14;
    border-radius: 1000px 1000px 1000px 1000px;
    height: 35px;
    width: 35px;
    margin-top:0.5em;
    margin-left:auto;
    margin-right:auto;
}

section.evenement .timeline table {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
  margin-top:1em;
}

section.evenement .timeline table tr.prog td {
  border:1px solid #696969;
  font-family: 'Arial';
  font-size: 0.9em;
  padding:0.5em 0 0.4em 0;
}

section.evenement .timeline table td p {
  padding:0.5em;
}

section.evenement .timeline table tr, section.evenement .timeline table tr.footer td {
  border:none;
}

section.evenement .timeline table .itemJour.ici {
  background-color:#959595;
  color:#FFF;
}

section.evenement .timeline table td p.heure {
  font-size: 0.8em;
  padding-bottom:0;
}

section.evenement .timeline table td p.demiheure {
  font-size: 0.6em;
  text-align:right;
  padding-top:0;
}

section.evenement .timeline table td p.calendrier {
  padding:0;
}

section.evenement .timeline table td p.calendrier a.av-iconcalendrier1:before  {
    display:block;
    color: #696969;
    content: "\e607";
    font-family: 'logo-avignon';
    font-size:2em;
    margin-bottom:0.3em;
}

section.evenement .timeline table td p.calendrier a.av-iconcalendrier1:hover:before  {
  color: #E30E14;
}
p.caddyCtnr{
    min-height: 32px;
}
section.evenement .timeline table td.itemBilletterie a.av-iconcaddy:after,
p.caddyCtnr a.av-iconcaddy:after, ul.listeJour a.av-iconcaddy:after
{
    color: #FFF;
    content: "\e604";
    font-family: 'logo-avignon';
    font-size: 1.5em;
    line-height: 1.5;
}

section.evenement .timeline table td.itemBilletterie a.av-iconcaddy, a.av-iconcaddy.login {
    display:block;
    background-color: #E30E14;
    border-radius: 1000px 1000px 1000px 1000px;
    height: 35px;
    width: 35px;
    margin-top:0.5em;
    margin-left:auto;
    margin-right:auto;
}

ul.listeJour a.av-iconcaddy.login {
	margin-top: 0;
	text-align: center;
	padding-left:3px;
}

section .blocImages {
  width:100%;
  background-color:#2f2d29;
  padding-top:1em;
  padding-bottom:1em;
  position:relative;
}

section .blocImages.ficheLieu {
  background-color:#F0F0F0;
}

section .blocImages .contentSlide, .bloc .contentSlide {
  display:block;
  position:relative;
}

.bloc .contentSlide p.legende, section .blocImages p.legende, .bloc .contentSlide p.legende{
  font-family:'Arial';
  font-size:0.9em;
  margin-top:0.5em;
  text-align:left;
}

section .blocImages.ficheLieu p.legende, .bloc .contentSlide p.legende{
  color:#999;
}

section .blocImages p.legende, .bloc .contentSlide p.legende{
  color:#b4aa96;
}

section .blocImages a.video-thumb:before, section .bloc a.video-thumb:before {
  font-family: 'logo-avignon';
  content: "\e811";
  color:#FFF;
  font-size:1.3em;
  position:absolute;
  margin-top:-0.7em;
  margin-left:-0.3em;
  top:50%;
  left:50%;
  padding:0.1em;
  background-image:url('../img/picto/fdOp60.png');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

section .blocAudio {
  width:100%;
  background-color:#B4aa96;
  padding-top:1em;
  padding-bottom:2em;
  position:relative;
}

section .blocAudio .texte li {
  font-size:0.9em;
  padding-right:4%;
  color:#FFF;
  line-height:1.5;
}

section .blocPresente, section .blocPortrait {
  background-color:#f0f0f0;
  padding-top:1em;
  padding-bottom:2em;
  position:relative;
}

section .blocPortrait, section .blocRencontres {
  top:-4em;
}

section .blocPresente .texte, section .blocPortrait .texte, section .blocAudio .texte, section .blocTourne .specTournee, section .blocPresente .chapeau {
  font-family:'Arial';
}

section .blocPresente .texte li, section .blocPortrait .texte li, section.evenement .texte li {
  font-size:0.9em;
  padding-right:4%;
  line-height:1.5;
}

section .blocPresente h4.chapeau {
  font-size: 1.2em;
  line-height: 1.3;
  margin-bottom: 30px;
}

.blocPortrait a.lien_site {
  font-family: 'logo-avignon';
  content: "\e811";
  color: #666;
}

.blocPortrait a.lien_site:before {
  font-family: 'logo-avignon';
  content: "\e811";
  color: #666;
  font-size:0.7em;
}

.blocPortrait a.lien_site span {
  font-family: 'arial',sans-serif;
  padding-left:8px;
}

section .blocPresente .texte li.distribution {
  font-size:0.9em;
}

section .blocPresente .texte li.distribution h2, section.evenement .bloc .texte li h2 {
  font-size:1.1em;
  color:#e30e14;
  font-weight:700;
}

section .blocPresente .texte li.distribution h2.production {
  margin-top:0;
}

section .blocPresente .texte li p {
  margin-bottom:1em;
}

section .blocPresente .texte li p strong {
  font-weight:700;
}

section .blocTourne, section .blocSavoir {
  background-color:#f0f0f0;
  padding-top:1em;
  padding-bottom:2em;
  position:relative;
}

section .blocTourne .specTournee, .blocSpecTourne .specTournee{
  font-family:'Arial';
  font-size:0.9em;
  padding-bottom:1em;
  border-bottom:1px solid #AEAEAE;
  margin-bottom:1em;
}

.blocSpecTourne .specTournee{ 
  color:#e30e14;
}

section .blocSavoir .savoirPlus {
  font-family:'Arial';
  font-size:0.9em;
}

section .blocSavoir .savoirPlus strong {
  font-weight:700;
  text-transform:uppercase;
}

section .blocTourne .specTournee.passe {
  color:#AEAEAE;
}

section.tournee .blocTourne .specTournee.passe {
  color:#525252;
}

section .blocTourne .specTournee li a {
  color:#666;
  font-weight:700;
}

.blocSpecTourne .specTournee li a {
  color:#e30e14;
  font-weight:700;
}

section.tournee .blocTourne .specTournee li a {
  color:#B4AA96;
}

section .blocTourne .specTournee.passe li a {
  color:#AEAEAE;
}

section.tournee .blocTourne .specTournee.passe li a {
  color:#525252;
}

section.tournee .blocTourne {
  background-color:transparent;
}

.blocSpecTourne {
  padding:1.5em 5em;
  background-color: #FFF;
  margin-bottom: 1.5em;
}

.blocSpecTourne h2 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.3em;
  text-transform: uppercase;
  color: #e30e14;
  padding-bottom:0.3em;
  margin-bottom:0.5em;
  border-bottom:1px solid #AEAEAE;
}

section .blocSpectacles .autresEditions {
  margin:0.8em 4% 0.8em 4%;
  background-color:#FFF;
}

section .blocSpectacles .autresEditions a {
  color:#e30e14;
  font-family:'Arial';
  font-size:1.1em;
  display:block;
  padding:0.8em;
}

section .blocRencontres .sousTitre {
  color:#e30e14;
  font-family:'Arial';
  font-size:1.5em;
  margin:0 4% 0.3em 4%;
  width:92%;
}

section .blocRencontres .avant, section .blocRencontres .apres {
  margin-top:2em;
  margin-bottom:2em;
}

section.evenement li.titcalendar h1.av-iconcalendrier1:before {
  display:block;
  content: "\e607";
  font-family: 'logo-avignon';
  font-size:1em;
  color:#e30e14;
  margin-right:0.8em;
  margin-bottom:0.3em;
}

.black {
  color:#3D3D3D;
}

.vert {
  color:#35a02e;
}

.rouge {
  color:#e30e14;
}

.vert a {
  color:#35a02e;
  font-weight:700;
}

.rouge a {
 color:#e30e14;
  font-weight:700;
}

section.evenement .blocCalendrier {
  width:100%;
  margin-top:15px;
  margin-left:0;
  margin-right:0;
  position:relative;
  background-color:#FFF;
}

section.evenement .blocCalendrier .infos {
  padding:0;
  width:92%;
  margin-left:4%;
  margin-right:4%;
}

section.evenement .blocCalendrier .infos > div {
  background-color:#FFF;
  padding: 2%;
}

section.evenement .blocCalendrier .infos p {
  font-family:'Arial';
  font-size:0.9em;
  margin-bottom:0.2em;
  margin-bottom:0.2em;
  text-align:center;
  color:#000;
}

.blocCalendrier .maListe .ajouter {
  text-align:center;
}

section.evenement .blocCalendrier .ajouter a, section.evenement .blocCalendrier .ajouter input {
  font-family: 'FuturaLTPro-MediumCond';
  color:#e30e14;
  font-size:1.3em;
  padding:0.3em;
  text-transform:uppercase;
  position:relative;
}

section.evenement .blocCalendrier .ajouter input {
    margin:0.8em 0;
    background-image:url('../img/picto/calendrier.png');
    background-repeat:no-repeat;
    background-position: 95% 0.3em;
    -webkit-background-size: 8%;
    -moz-background-size: 8%;
    -o-background-size: 8%;
    background-size: 8%;
    cursor:pointer;
}

section.evenement .blocCalendrier .ajouter a span {
  display:inline-block;
  padding:0.5em 0.5em 0.5em 0;
}

section.evenement .blocCalendrier .ajouter a span.av-iconplay3:before {
  content: "\e811";
  font-family: 'logo-avignon';
  font-size:0.7em;
  line-height:1;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-0.8em;
}

.phrase14juillet {
  font-family:'Arial';
  color:#E30E14;
  width:92%;
  margin:0.5em 4% 1em 4%;
}

section.evenement .blocCalendrier .ajouter input.av-iconcalendrier1:before {
  display:block;
  content: "\e607";
  font-family: 'logo-avignon';
  font-size:1.1em;
  color:#e30e14;
  margin-right:0.8em;
}

section.evenement .blocCalendrier .titreJour {
  background-color:#b4aa96;
}

section.evenement .blocCalendrier .titreJour h2 {
  width:92%;
  margin-left:4%;
  margin-right:4%;
  font-family: 'FuturaLTPro-MediumCond';
  color:#FFF;
  font-size:1.5em;
  padding:0.5em 0;
  text-align:left;
  text-transform:uppercase;
  position:relative;
  font-weight:normal;
}

section.evenement .blocCalendrier .titreJour h2 span.av-iconcancel, .bdxCherche span.av-iconcancel {
  position:absolute;
  top:0.5em;
  right:0;
}

.bdxCherche {
    display:none;
}

.bdxCherche span.av-iconcancel {
  position:absolute;
  top:0.5em;
  right:1em;
  cursor:pointer;
}

section.evenement .blocCalendrier .titreJour h2 span.av-iconcancel:before {
  color: #FFF;
  font-family: 'logo-avignon';
  content: "\e602";
  font-size: 1.2em;
}

.bdxCherche span.av-iconcancel:before {
  color: #FFF;
  font-family: 'logo-avignon';
  content: "\e602";
  font-size: 1.8em;
}

section.evenement .blocCalendrier .listingJour li.itemListe {
  padding-top:0;
}

section.evenement .blocCalendrier .listingJour li.itemListe ul {
  width:92%;
  margin-left:4%;
  margin-right:4%;
  margin-top:0.5em;
}

section.evenement .blocCalendrier .itemListe {
  border-bottom:1px solid #AEAEAE;
}

section.evenement .blocCalendrier .itemListe:last-child {
  border-bottom:none;
}

section.evenement .blocCalendrier .itemListe {
  position:relative;
}

section.evenement .blocCalendrier .itemListe.vert, section.evenement .blocCalendrier .itemListe.rouge {
	color:#666;
}

section.evenement .blocCalendrier .itemListe.vert > ul li.tit, section.evenement .blocCalendrier .itemListe.rouge > ul li.tit {
	position:relative;
}

section.evenement .blocCalendrier .itemListe.vert > ul li.tit a, section.evenement .blocCalendrier .itemListe.rouge > ul li.tit a {
	padding-left: 20px;
	color:#000;
	display: inline-block;
	padding-right: 20px;
}


section.evenement .blocCalendrier .itemListe.vert > ul li.tit:before ,
section.evenement .blocCalendrier .itemListe.rouge > ul li.tit:before {
	content:'';
	display:block;
	background-color: #35a02e;
	width:10px;
	height:10px;
	border-radius:10px;
	position:absolute;
	left:0;
	top:6px;
}
section.evenement .blocCalendrier .itemListe.rouge > ul li.tit:before {
	background-color: #e30e14;
}

section.evenement .blocCalendrier .itemListe li {
  float:none;
  font-family:'Arial';
  font-size:0.9em;
  padding:0.2em 0 0.2em 0;
  margin-top:0;
}

section.evenement .blocCalendrier .itemListe li.tit {
  width:100%;
}

section.evenement .blocCalendrier .itemListe li.auteur {
  width:100%;
}

section.evenement .blocCalendrier .itemListe li.duree {
  width:100%;
}

section.evenement .blocCalendrier .itemListe li.lieu {
  width:100%;
}

section.evenement .blocCalendrier .itemListe li.heure {
  width:100%;
}

section.evenement .blocCalendrier .itemListe li.autre {
  width:100%;
}

section.evenement .blocCalendrier .itemListe li.close {
  width:3em;
  position:absolute;
  top:0.5em;
  right:0;
}

section.evenement .blocCalendrier .av-iconcancel:before {
  content: "\e602";
  color:#666;
  font-size:2em;
}

section.evenement .blocCalendrier .close .av-iconcancel:before {
  color:#999;
  font-size:1.5em;
  font-weight:bold;
}

.blocAussi {
  width:92%;
  margin-left:4%;
  margin-right:4%;
  margin-top:1em;
  margin-bottom:1em;
  background-color:#2f2d29;
}

.blocAussi > div {
  font-family: 'FuturaLTPro-MediumCond';
  color:#b4aa96;
  font-size:1.1em;
  text-align:left;
  text-transform:uppercase;
  padding:0.5em 2%;
  border-bottom:#b4aa96 solid 1px;
  position:relative;
}

.blocAussi > div p.place {
  position:absolute;
  right:0.5em;
  top:0.5em;
  width:4em;
}

.listeProp .item ul {
  margin:0.5em 2%;
}

.listeProp .item ul li {
  float:none;
  font-family:'Arial';
  color:#FFF;
  font-size:0.9em;
  padding:0.2em 0 0.2em 0;
  margin-top:0;
}

section.evenement .blocCalendrier .listeProp .item ul li.tit {
  width:100%;
}

section.evenement .blocCalendrier .listeProp .item ul li.auteur {
  width:100%;
}

section.evenement .blocCalendrier .listeProp .item ul li.duree {
  width:100%;
}

section.evenement .blocCalendrier .listeProp .item ul li.lieu {
  width:100%;
}

section.evenement .blocCalendrier .listeProp .item ul li.heure {
  width:100%;
}

section.evenement .blocCalendrier .listeProp .item ul li.plus {
  position:absolute;
  width:2em;
  top:0.5em;
  right:0;
}

section.evenement .blocCalendrier .listeProp .item ul li.plus a {
  font-color:#FFF;
}

section.evenement .blocCalendrier .listeProp .item ul li.plus a .av-iconic-plus:before {
  content: "\e60a";
  color:#FFF;	
  font-size:1.4em;
}

section.evenement .blocCalendrier .envoi {
  margin-bottom:0;
  padding-bottom:1em;
  background-color:#FFF;
  width:92%;
  padding-left:4%;
  padding-right:4%;
}

section.evenement .blocCalendrier .envoi .centrer div, .blocCalendrier .acheter {
  float:none;
  width:100%;
  margin-right:0;
  background-color:#e30e14;
  text-align:center;
}

.blocCalendrier .acheter {
  margin-top:15px;
  margin-bottom:15px;
}

section.evenement .blocCalendrier .envoi .centrer div:hover, .blocCalendrier .acheter:hover {
  background-color:#696969;
}

section.evenement .blocCalendrier .envoi div.telecharger {
  margin-right:0;
  margin-top:0.5em;
}

section.evenement .blocCalendrier .envoi a, .blocCalendrier .acheter a {
  font-family: 'FuturaLTPro-MediumCond';
  color:#FFF;
  font-size:1.1em;
  padding:0.5em;
  text-align:center;
  text-transform:uppercase;
  position:relative;
}

section.evenement .blocCalendrier .envoi a span, .blocCalendrier .acheter a span, .blocCalendrier .envoi a.connect {
  display:inline-block;
  padding:0.5em 0.5em 0.5em 0.2em;
}

.blocCalendrier .modeEmploi {
  width:92%;
  margin-left:4%;
  margin-right:4%;
  padding:0;
  font-family: 'Arial';
  font-size: 14px;
  line-height: 1.6;
}

.blocCalendrier .modeEmploi .rougeVert {
	margin-bottom:15px;
}

.rougeVert .vert:before {
	content:'';
	display: block;
	width:10px;
	height:10px;
	border-radius: 10px;
	background-color: #35a02e;
	position: absolute;
	left:0px;
	top:6px;
}

.rougeVert .vert, .rougeVert .rouge {
	position: relative;
	color:#666;
	padding-left: 18px;
}

.rougeVert .rouge:before {
	content:'';
	display: block;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color: #e30e14;
	position:absolute;
	left:0px;
	top:6px;
}

.blocCalendrier .maListe {
	background-color: #FFF;
	margin-bottom: 15px;
}

.blocCalendrier .maListe form fieldset {
	width:94%;
	margin: 0 4%;
	padding:0;
	display:block;
	font-family: 'arial';
	font-size: 16px;
	line-height: 2;
}

.blocCalendrier .maListe form fieldset > div {
	float:left;
	width:50%;
}

.blocCalendrier .maListe form fieldset label {
	font-family: 'FuturaLTPro-MediumCond';
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	padding-left: 25px;
	margin-left:0;
}

.blocCalendrier .maListe form fieldset input {
	position : absolute;
	opacity: 0;
	cursor: pointer;
	width:0;
	height:0;
}

.blocCalendrier .maListe form fieldset .checkAlter {
	position: absolute;
	width:16px;
	height:16px;
	background-color: #FFF;
	border:1px solid #ccc;
	top: -2px;
	left:0px;
}

.blocCalendrier .maListe form fieldset .checkAlter > span {
	position: absolute;
	top:2px;
	left:2px;
	width: 12px;
	height: 12px;
	background-color: #FFF;
}

.blocCalendrier .maListe form fieldset input:checked ~ .checkAlter > span {
  background-color: #000;
}

.supprimeParcours {
	text-align: center;
	margin:2em 0;
	padding:0.8em;
}

section.evenement .blocCalendrier .envoi .supprimeParcours a {
	font-family: 'FuturaLTPro-Medium';
	color: #e30e14;
	font-size: 15px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-left:20px;
}

section.evenement .blocCalendrier .envoi .supprimeParcours a:hover {
	color:#666;
}

section.evenement .blocCalendrier .envoi .supprimeParcours a:before {
	content:'';
	display: block;
    width: 0; 
  	height: 0; 
  	border-top: 4px solid transparent;
  	border-bottom: 4px solid transparent; 
  	border-left:8px solid #e30e14;
  	position: absolute;
  	top:15px;
  	left:0px;
}

section.evenement .blocCalendrier .envoi .supprimeParcours a:hover:before {
	border-left:8px solid #666;
}


section.evenement .blocCalendrier .envoi li.telecharger a span {
  padding:0.5em 0.5em 0.5em 0.3em;
}

section.evenement .blocCalendrier .envoi a span.av-iconplay3:before {
  content: "\e811";
  font-family: 'logo-avignon';
  font-size:0.7em;
  position:absolute;
  margin-top:-0.7em;
  top:50%;
  left:0;
}

section.evenement .blocCalendrier .envoi a span.av-iconplay4:before {
  content: "\e812";
  font-family: 'logo-avignon';
  font-size:0.7em;
  position:absolute;
  margin-top:-0.7em;
  top:50%;
  left:0;
}

section.evenement .blocCalendrier .envoi a span.av-icontele:before {
  content: "\e609";
  font-size:0.8em;
  position:absolute;
  margin-top:-0.6em;
  top:50%;
  left:0;
}

section.infospratiq h3, section.programmation h3, section.infospratiq .blocEdito h3 {
  color:#e30e14;
  font-family:'Arial';
  font-size:1.5em;
  margin:0.5em 0 0.3em 0;
}

section.infospratiq .titreSpec h3, section.programmation-lieu .titreSpec h3 {
  font-size:1em;
  text-align:center;
}

section.infospratiq h4 a {
  color:#e30e14;
  font-weight:700;
}

section.infospratiq .blocEdito h3 {
  margin:0 0 0.3em 0;
  text-transform:none;
}

.gris {
  background-color:#F0F0F0;
}

.grisE4 {
  background-color:#E4E4E4;
}

.blanc {
  background-color:#FFFFFF;
}

.fonce {
  color:#333333;
}

.bloc {
  padding-top:1em;
  padding-bottom:3em;
  position:relative;
  top:-5em;
}

.public .bloc.blanc {
  top:0em;
}

 section.evenement.public .texte li {
  font-size:100%;
}


section.infospratiq .blocActu, section.infospratiq .blocEdito {
  padding-top:1em;
  padding-bottom:3em;
  position:relative;
  top:-5em;
  background-color:#f0f0f0;
}

.blocActu .mosa.arti > a {
  display: block;
  margin-bottom: 1.5em;
}

section.infospratiq .bloc.blocEdito.arch {
  padding-top:0;
}

section.infospratiq .blocImages {
  padding-top:1em;
  padding-bottom:3em;
  position:relative;
  top:-5em;
}

.bloc .texte, .blocImages .texte, .bloc .colonne p {
  font-family:'Arial';
  font-size:0.9em;
  line-height:1.6;
}

.blocImages .texte {
  color:#b4aa96;
}

.blocImages.ficheLieu .texte {
color:#666;
}

section.infospratiq .blocEdito .texte {
    margin-top:4%;
    margin-left:0;
}

.bloc .colonne h3, .bloc .colonne p {
  margin-right:5%;
}

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

.bloc h4 {
  font-family:'Arial';
  font-size:1em;
  font-weight:700;
  color:#E30E14;
}

.bloc strong {
  font-weight:700;
}

.blocTech .blocContent {
  padding-bottom:2em;
}

.blocTech .blocContent h3, .blocTech .blocContent .texte h3 {
  color: #E30E14;
    font-family: 'Arial';
    font-size: 1.5em;
    margin-bottom:0.5em;
}

.blocTech .blocContent .texte h3 {
  width:100%;
  margin-left:0;
  margin-right:0;
}

.blocTech .blocContent .texte p {
  font-size: 0.9em;
  margin-bottom:1em
}

.blocTech .blocContent > p, .blocTech .blocContentPresseMob > p, .blocTech .blocContentPresseMob > ul li p {
  font-family: 'Arial';
  font-size: 0.9em;
  margin-bottom:0.5em
}

.blocTech .blocContentPresseMob > p {
  width:100%;
  padding-top:1em;
}

.blocTech .blocContentPresseMob > ul {
  padding-bottom:2em;
}

.blocTech .blocContentPresseMob > ul li {
  margin-top:1em;
  margin-bottom:0.5em;
}

.blocTech .blocContentPresseMob img {
  max-width:100%;
}

.blocTech ul {
  clear:both;
}

.blocTech .mosa ul {
  clear:none;
}

.blocTech .mob ul {
  margin-top:1em;
}

.blocTech ul.ligne li {
  float:none;
  margin-top:0.5em;
}

.blocTech ul.ligne li a {
  display:block;
  padding:0.5em 1em;
  border:#e30e14 1px solid;
  background-color:#FAFAFA;
  position:relative;
}

.blocTech ul.ligne li a h4 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
  color:#E30E14;
}

.blocTech .blocContent ul.ligne li a p {
  line-height:1.2;
  font-family: 'Arial';
  font-size:0.7em;
  color:#696969;
  position:static;
  margin-bottom:0;
}

.blocTech ul.ligne li a span.av-iconplay3:before {
  font-family: 'logo-avignon';
  content: "\e811";
  font-size:0.7em;
  color:#e30e14;
  position:absolute;
  right:1em;
  top:50%;
  margin-top:-0.9em;
}

.blocTech .blocContent .texte {
  font-family:'Arial';
}

section .bloc .mosa .detail {
  font-family:'Arial';
  font-size:0.9em;
  text-align:center;
  padding-top:0.5em;
}

.blocHis .mosa .detail a {
  color:#e30e14;
}

section .bloc .sousRub > h3 {
  font-family:'Arial';
  font-size:1.1em;
  color:#696969;
}

.scene {
  color:#000;
}

.alerteMoulinette, .alerteModale {
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  margin-top:0;
  margin-left:0;
  top:0;
  left:0;
  z-index:820;
}

.confirmFermerStormModale {
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  margin-top:0;
  margin-left:0;
  top:0;
  left:0;
  z-index:1010;

}

.alerteMoulinette div.centre, .alerteModale div.centre, .confirmFermerStormModale div.centre {
  display:block !important;
  position:absolute;
  width:92%;
  height:92%;
  background-color:#FFF;
  margin-top:0;
  margin-left:0;
  padding-top:4em;
  padding-bottom: auto;
  top:4%;
  left:4%;
  color:#696969;
  font-family:'Arial';
  text-align:center;
  transform: none;
}

.alerteMoulinette .detail,
.alerteModale .detail, .confirmFermerStormModale .detail {
  padding-bottom:1em;
}

.modal-bg {
  position: fixed;
  width:100%;
  height: 100%;
  background-color:#000;
  opacity: 0.7;
}

.landing .av-iconlogo:before {
  content: "\e600";
  color:#e30e14;
  font-size:15em;
}

.landing .logo-img {
  width:15em;
  height:16em;
  margin-top:5%;
  margin-left:auto;
  margin-right:auto;
  background-image: url("../img/content/logo-FA-img.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 240px 251px;
}

.landing span.av-iconplay2:before {
  font-family: 'logo-avignon';
  content: "\e810";
  font-size:0.7em;
  color:#e30e14;
  padding-left:0;
  padding-right:1em;
}

.landing span.av-iconplay3:after {
  font-family: 'logo-avignon';
  content: "\e811";
  font-size:0.7em;
  color:#e30e14;
  padding-left:1em;
  padding-right: 0;
}

.landing  a span {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
  color:#e30e14;
  line-height:1.2;
  vertical-align: middle;
}

.landing p.bt1 {
  margin:20px 0 0 0;
}

div.site, div.reserver {
  width:15em;
  border:1px solid #e30e14;
  text-align:center;
  margin:1em auto;
}

.landing div.reserver.billet {
  margin-top:1.5em;
}

.landing a {
  display:block;
  height:3em;
  line-height:3em;
  padding:0.2em 1em;
}

.landing .confirmFermerStormModale a {
  height:auto;
  line-height:1.3em;
}

.landing a:hover {
  background-color:#e30e14;
}

.landing a:hover span {
  color:#FFF;
}

.landing a:hover span.av-iconplay2:before, .landing a:hover span.av-iconplay3:after {
  color:#FFF;
}

div.autreInfo {
 padding:0 4% 2em 4%;
}

div.bloc.autreInfo {
  padding:1em 0 2em 0;
}

div.bloc.autreInfo > ul {
  margin:0 4%;
}

div.autreInfo ul li {
    float:none;
    margin-top:1em;
    text-align: center;
    width:100%;
}

div.autreInfo a {
    border: 1px solid #E30E14;
    display: block;
    height: 3em;
    line-height: 3em;
    padding: 0.2em 1em;
}

div.autreInfo a:hover {
    background-color:#E30E14;
}

div.autreInfo span.av-iconplay2:before {
    color: #E30E14;
    content: "\e810";
    font-family: 'logo-avignon';
    font-size: 0.7em;
    padding-left: 0;
    padding-right: 1em;
}

div.autreInfo span.av-iconplay3:after {
    color: #E30E14;
    content: "\e811";
    font-family: 'logo-avignon';
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 0;
}

div.autreInfo a span {
    color: #E30E14;
    font-family: 'FuturaLTPro-MediumCond';
    font-size: 1.1em;
    line-height: 1.2;
    text-transform: uppercase;
    vertical-align: middle;
}

div.autreInfo a:hover span, div.autreInfo a:hover span.av-iconplay2:before, div.autreInfo a:hover span.av-iconplay3:after {
    color: #FFF;
}

section.actualite .blocMenuN3 li.titTitreSpec.ici a, section.actualite .blocMenuN3Top li.titTitreSpec.ici a{
  display:none;
}

section.actualite .blocMenuN3 li.titTitreSpec.ici a.active, section.actualite .blocMenuN3Top li.titTitreSpec.ici a.active{
  display:block;
}

.texteLieu {
 position: relative;
}

.texteLieu li {
 float:none;
 width:100%;
}

.texteLieu .detail {
 font-family:'Arial';
 font-size:0.9em;
 line-height:1.6;
 width:100%;
}

.texteLieu .map img, .texteLieu .map iframe, .carAffiche li img {
 width:100%;
}

.carAffiche li.anneeArch {
    margin-top:1em;
}

.carAffiche li.anneeArch a {
    background-color:#b5aa96;
    display: block;
    height: 3em;
    line-height: 3em;
    padding: 0.2em 1em;
    position:relative;
    text-align:left;
}

.carAffiche li.anneeArch a.ici {
    background-color:#e30e14;
}

.carAffiche li.anneeArch a:hover {
    background-color:#e30e14;
}

.carAffiche li.anneeArch a span.anneeEd {
  color: #FFF;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 1.3em;
    line-height: 1.2;
    vertical-align: middle;
}

.carAffiche a span.av-iconplay3 {
    position:absolute;
    right:0.8em;
    margin-top:-0.7em;
    top:50%;
}

.carAffiche a span.av-iconplay3:after {
    color: #FFF;
    content: "\e811";
    font-family: "logo-avignon";
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 0;  
}

.bdxCherche {
    position:fixed;
    width:100%;
    height:100%;
    background-color:#E30E14;
    z-index:800;
}

.bdxCherche form {
    width:100%;
    padding:10% 8%;
}

.titreRech {
    margin-top:0;
}

ul.titreRech > li, ul.filtresRech > li {
    float:none;
    margin-bottom:1em;
}

.titreRech p, .filtresRech p {
    color: #FFF;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 1.1em;
    line-height: 1.2;
    font-weight:normal;
    text-transform:uppercase;
    width:8em;
    margin-top:0.3em;
}

.titreRech input {
    color: #E30E14;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 0.9em;
    padding:0.3em 1%;
    position: relative;
    width:82%;
    border:none;
}

.filtresRech .titreListeRech {
    color: #e30e14;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 0.9em;
    padding: 0;
    background-color:#FFF;
    margin-right:0;
    width:84%;
}

form .filtresRech input.submit {
    background-color: #000;
    font-family: "FuturaLTPro-MediumCond";
    border: none;
    color: #fff;
    text-transform: uppercase;
    cursor:pointer;
    padding:0.1em 0.3em;
    font-size:1em;
    width:84%;
    height:29px;
}

div.styled {
    vertical-align: middle;
    margin:0 1px 0 0;
    padding:0.1em 0.3em;
    width:92%;
    display: inline-block; /* pour pouvoir afficher deux bo”tes l'une ˆ c™tŽ de l'autre */
    overflow: hidden; /* this hides the select's drop button */
    background: #FFF url(../img/picto/picto-triangle.png) no-repeat center right; /* L'ic™ne flche */
}

div.styled select {
    width: 115% /* this percentage effectively extends the drop down button out of view */;
    background-color: transparent;
    background: none;
    -webkit-appearance: none /* this is required for Webkit browsers */;
    border: none;
    box-shadow: none;
    cursor: pointer;
    color: #e30e14;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 1em;
    text-transform:uppercase;
}

div.styled {
    border: none;
    font-size: 1.2em;
}

div.styled select option {
    font-size: 0.9em;
    color: #e30e14;
    font-family: "FuturaLTPro-MediumCond";
}


/* Traitement du cas ie7, on laisse la bo”te dans son Žtat original */
.ie7 div.styled {border:none; display: inline; }
.ie7 div.styled select {
    width: 100%;
    background-color: #FFF;
    border: solid 1px #ccc;
    padding:0.3em 0.5em;
}

}
/* fin only screen pour smartphone */

@media only screen and (min-width:480px) {
    
.bdxCherche form {
    padding:2% 8%;
}

ul.titreRech > li, ul.filtresRech > li {
    margin-bottom:0.5em;
}

}


/* cas tablette portrait */

@media only screen and (min-width:700px) {
  
  /*martin*/
  .blocPortrait .ligne_site {
    background-image:url('../img/picto/trait-bg-gris.gif');
    background-position:0 center;
    background-repeat:repeat-x;
    text-align:center;
    padding-top:25px;
  }

  .blocPortrait .ligne_site {
    margin-left:2%;
    margin-right:6%; 
  }

  /* fin martin */

.decontracte p.titreRubrique {
  position:absolute;
  text-align:center;
  top:1em;
  width:100%;
}

.contracte p.titreRubrique {
  position:absolute;
  text-align:center;
  top:0.2em;
  width:100%;
  margin-left:-2%;
}

body.landing{
  background-color: #f7b5b9;  /*2019*/
  /*  background-color: #b3c4d4;*/
}
.landing .av-iconlogo {
  margin-top:10%;
  margin-bottom:2em;
}

.landing .logo-img {
    background-image: url("../img/svg/logo-bdx.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 240px 251px;
    height: 17em;
}
  
.screen, .blocTri, .blocTypo, .onlyTab {
  display:block;
}

section.actualite .blocMenuN3 li.post a span.screen {
  display:inline-block;
}

.mob, .blocMenuN3mob, .blocTrimob, .onlyDesk, .fil.screenBig, section.programmation .blocTrimob, section.actualite .blocMenuN3 li.post a span.mob, section.programmation .blocMenuN3 li span.mob {
  display:none;
}

section.programmation .blocMenuN3 li span.screen {
  display:inline-block;
}

.home .logo {
  padding-top:0.5em;
  margin-left:2%;
}

.page .logo {
    margin-left: 2%;
    padding-top: 0.8em;
}

header.home .av-iconlogo:before {
  content: "\e600";
  color:#e30e14;
  font-size:6em;
}

.btMenu, .btMenuC {
  top :0.7em;
  right:2%;
}

.contracte {
  display:none;
  height:3.5em
}

.contracte p {
  text-align:left;
  padding-top:0.8em;
  padding-left:2%;
}

.affN2 {
  width:100%;
}

header .rezo li.tv {
  float:left;
  margin:0;
}

header .rezo li.tv .reduit {
  float:left;
  display: block;
  padding:12px 0 0 25px;
}

header .rezo li.tv .large, header .rezo li.tv .smart {
  display:none;
}

header .rezo li.tv a img {
  padding:12px 0 0 10px;
}

header .rezo li.mpsv {
  float:left;
  width:48px;
  border-right: none;
  border-left: none;
  border-top: 1px solid #35332F;
  border-bottom: 1px solid #35332F;
}

header .rezo li.mpsv a {
  width:48px;
  height: 38px;
}

header .rezo li.cherche {
  height:48px;
  clear:none;
}

header .rezo li.cherche a {
  width:46px;
}

header .rezo li.facebook {
  height:48px;
}

header .rezo li.facebook a {
  width:46px;
}

header .rezo li.twitter {
  height:48px;
}

header .rezo li.twitter a {
  width:46px;
}

header .rezo li.instagram {
  height:48px;
}

header .rezo li.instagram a {
  width:46px;
}

header .rezo li.pearl {
  height:48px;
}

header .rezo li.pearl a {
  width:46px;
}

header .rezo li.share {
  height:48px;
}

header .rezo li.share a {
  width:46px;
}

header .rezo li.newsletter {
  height:48px;
}

header .rezo li.newsletter a {
  width:46px;
}

header .rezo li.download {
  height:48px;
}

header .rezo li.download a {
  width:46px;
}

.menu {
  padding-top:1em;
}

.menu li a.ici, .menu li a.ici.av-icontiret:before, .menu li a.ici.av-iconplay4:after {
  color:#3E3E40;
}

.affN2 li a.ici, .affN2 li a.ici.av-icontiret:before, .affN2 li a.ici.av-iconplay4:after {
  color:#3E3E40;
}

.menu li {
  width:auto;
  margin:1.2em 3% 0.5em;
}

.menu li:first-child {
  margin-left:0;
}

.menu li:last-child {
  margin-right:0;
}

.menu li a span {
  height:3em;
}

header .av-iconcalendrier1:before {
  content: "\e607";
  font-family: 'logo-avignon';
  font-size:1.4em;
}

.menu li a span.av-iconcalendrier1 {
  height:2.1em;
  margin-top:-1.5em;
  margin-bottom:0.5em;
}

.menu li a span.calendar {
  margin-top:-0.9em;
  height:1.8em;
}

.menu li.sm {
  display:none;
}

.affN2 li {
  display:inline-block;
  text-align:center;
}

.affN2 li a {
  position:relative;
  display:block;
  height:6em;
  line-height:6;
  padding:0 0.8em;
}

.affN2 li a span {
  color:#e30e14;
  display:inline-block;
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
  line-height:1.3;
  vertical-align:middle;
  *display:inline;
  *zoom:1;
}

.affN2 li a.ici span {
    color:#3e3e40;
}

.affN2 li a:hover span, .affN2 li a:hover.av-icontiret:before, .affN2 li a:hover.av-iconplay4:after {
  color:#3e3E40;
}

.affN2 .av-icontiret:before {
  content: "\e601";
  font-size:3em;
  line-height:1;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-0.35em;
}

.affN2 .av-iconplay4:after {
  content: "\e812";
  font-size:0.7em;
  display:block;
  line-height:0;
  height:0;
}

section.visuel figure img {
  display:block;
  max-width:100%;
  height:auto;
  margin-left:0;
}

footer.sans {
  top:-10em;
}

footer .centrer {
  width:96%;
  margin-right:2%;
  margin-left:2%;
}

footer .presse a.av-iconplay3:before {
  padding-left:0;
}

footer a.av-iconplay4:before {
  padding-left:0;
}

footer .adresse {
  padding:0;
}

footer .accesPresse, footer .accesPresseMob, footer .accesPro, footer .accesLettre, .envoiAmi {
  padding:5em 0 1em 0;
}

footer .accesPresse > div, footer .accesPro > div, footer .accesLettre > div, .envoiAmi div.formulaire {
  margin-left:2%;
  margin-right:2%;
}

.envoiAmi ul.col1, .envoiAmi ul.col2 {
  float:left;
}

.envoiAmi .formulaire form .champs {
  padding:0.5em 0;
}

.envoiAmi .formulaire .col1 {
  width:49%;
  margin-right:2%;
}

.envoiAmi .formulaire .col2 {
  width:49%;
  margin-right:0;
}

footer .menuPro {
  float:none;
  width:100%;
  padding-left:0;
}

footer .menuPro li {
  line-height:1.8;
  display:inline-block;
}

footer .menuPro li a span {
  margin-left:0.2em;
  margin-right:0.2em;
}

footer .menuPro li.presse {
  width:23%;
}

footer .menuPro li.prod {
  width:24%;
}

footer .menuPro li.telecharge {
  width:25%;
}

footer .menuPro li.lettre a span {
  margin-right:0.5em;
}

footer .menuPro li.lettre {
  width:26%;
}

footer .rezo {
  display:none;
}

footer .adresse p {
  float:left;
  width:70%;
  font-size:0.9em;
  line-height:1.5;
  padding:0.5em 0;
  margin-left:0;
  margin-right:0;
}

footer .rezoPad {
  display:block;
  float:right;
  border-left:1px solid #e3e3e3;
}

footer .rezoPad li {
  display:inline-block;
  float:right;
}

footer .rezoPad a.av-icontwitter2, footer .rezoPad a.av-iconinstagramm2, footer .rezoPad a.av-iconstar {
  display:block;
  text-align:center;
  padding:1.4em 0.8em;
}

footer .rezoPad a.av-iconfacebook2 {
  display:block;
  text-align:center;
  padding:1.4em 1.4em 1.4em 0.8em;
}

footer .menuLegal {
  padding-left:2%;
}

section.visuel.pre {
  padding-top:4em;
}

section.visuel.pendant {
  padding-top:2em;
 /* min-height:15em;*/
}

section.visuel.pendant img {
  height:auto;
  max-width:990px;
  max-height:252px;
}

section.visuel.post {
  padding-top:8em;
}

/*/ MODIF 03/2017/*/
/*/section.actualite .blocMenuN3, section.actualite .blocMenuN3Top {
  width:100%;
  margin-left:0;
  margin-right:0;  
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  text-align:center;
  background-color:transparent;
  border:none;
  z-index:4;
}*/

section.actualite .blocMenuN3 li a span.scene, section.actualite .blocMenuN3Top li a span.scene {
  display:none;
}

section.actualite .blocMenuN3 li.post {
 /* max-width: none;  */
  display:inline-block;
}

section.actualite .blocMenuN3 li.titTitreSpec {
  max-width:40%;
}

.blocTop {
  position:fixed;
  top:0;
  width:100%;
  z-index:700;
}

.blocMenuN3Top  {
  position:absolute;
  top:3.5em;
  margin-left:2%;
  margin-right:2%;
  width:96%;
  z-index:700;
  border:1px solid #e30e14;
}

/* MODIF 03/2017/*/
/*/section.actualite .blocMenuN3 > li, section.actualite .blocMenuN3Top > li {
  display:inline-block;
  text-align:center;
  letter-spacing: normal;
  overflow: hidden;
  text-rendering: auto;
  word-spacing: normal;
}

section.actualite .blocMenuN3 li a, section.actualite .blocMenuN3Top li a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  padding:0.5em 2.6em 0.5em 1.6em;
  line-height:3;
  height:3em;
  border-right:1px solid #e30e14;
  border-top:1px solid #e30e14;
  border-bottom:1px solid #e30e14;
}/*/

section.actualite .blocMenuN3 li a:hover, section.actualite .blocMenuN3Top li a:hover {
  color:#FFF;
  background-color:#E30E14;
}

section.actualite .blocMenuN3 li.ici a, section.actualite .blocMenuN3Top li.ici a {
  color:#FFF;
  background-color:#E30E14;
}

section.actualite .blocMenuN3 li.post a, section.actualite .blocMenuN3 li.titTitreSpec a {
    padding:0.5em 2.6em 0.5em 1.6em;
}

section.actualite .blocMenuN3 li.titPrev a, section.actualite .blocMenuN3Top li.titPrev a {
  padding:0.5em 1em;
}

section.actualite .blocMenuN3 li.titTitreSpec.ici a span, section.actualite .blocMenuN3Top li.titTitreSpec.ici a span{
  text-align:left;
}

section.actualite .blocMenuN3 > li.edition, section.actualite .blocMenuN3Top > li.edition {
  width:auto;
}

section.actualite .blocMenuN3 li.edition a, section.actualite .blocMenuN3Top li.edition a {
  border-left:1px solid #e30e14;
}

section.actualite .blocMenuN3 li.post a, section.actualite .blocMenuN3Top li.post a {
  border-left:1px solid #e30e14;
  border-right:none;
}

section.actualite .blocMenuN3 li.post.ici a, section.actualite .blocMenuN3Top li.post.ici a {
  border-right:none;
}

section.actualite .blocMenuN3 li.post.ici a:hover, section.actualite .blocMenuN3Top li.post.ici a:hover {
  background-color:#e30e14;
  color:#FFF;
}

section.actualite .blocMenuN3 li.edition a span.detail, section.actualite .blocMenuN3Top li.edition a span.detail {
  margin-left:0.8em;
}

section.actualite .blocMenuN3 li a span, section.actualite .blocMenuN3Top li a span {
  vertical-align:middle;
  display:inline-block;
  line-height:1.2;
  text-align:center;
  *display:inline;
  *zoom:1;
}

section.actualite .blocMenuN3 li.titTitreSpec a {
  border-left:none;
}

section.actualite .blocMenuN3 li.titTitreSpec a:hover {
  color:#E30E14;
}

.blocMenuN3 > li.post span.av-iconplay-top:before {
  right:2em;
}

section.actualite .blocMenuN3 > li span.av-iconplay3:before, section.actualite .blocMenuN3Top > li span.av-iconplay3:before {
  font-family: 'logo-avignon';
  content: "\e811";
  font-size:0.7em;
  position:absolute;
  right:2em;
  top:50%;
  margin-top:-0.7em;
}

section.actualite .blocMenuN3 li.titNext span.av-iconplay3:before, section.actualite .blocMenuN3Top li.titNext span.av-iconplay3:before {
  font-family: 'logo-avignon';
  content: "\e811";
  position:static;
  font-size:0.7em;
}

section.actualite .blocMenuN3 li.titNext a {
  padding:0.5em 1em;
}

.blocActu .owl-carousel{
  width: 96%;
  margin-left:2%;
  margin-right:2%;
}

section.infospratiq .blocActu .mosa {
 width: 96%;
  margin-left:2%;
  margin-right:2%;
}

.blocActu .owl-theme .owl-controls .owl-nav div.owl-prev {
  position:absolute;
  top:4.8em;
  left:-2%;
  width:1.2em;
}

.blocActu .owl-theme .owl-controls .owl-nav div.owl-next {
  position:absolute;
  top:4.8em;
  right:-2%;
  width:1.2em;
}

div.autreInfo {
  padding:0 2% 2em 2%;
}

div.bloc.autreInfo {
  padding:4em 0 2em 0;
}

div.bloc.autreInfo > ul {
  margin:0 2%;
}

div.autreInfo ul li {
    float:left;
    width:50%;
}

div.autreInfo li.precedent a {
    border-right:none;
}

.blocAgenda .type .billetterie, .blocExpo .titreExpo .billetterie, .blocSpectacles .type .billetterie, .blocArtiste .type .billetterie {
  right:0em;
}

+section .blocAgenda .illus .infosPlus, .blocSpectacles .illus .infosPlus, section .blocListeSpectacles .illus .infosPlus, .exposition .illus .infosPlus {
  right:8px;
}

section.agenda .blocMenuN3  {
  top:-10em;
  width:100%;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  background-color:transparent;
  border:none;
  text-align:center;
  margin-left:0;
  margin-right:0;
}

section.agenda .blocMenuN3Top  {
  width:100%;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  background-color:transparent;
  border:none;
  text-align:center;
  margin-left:0;
  margin-right:0;
}

section .blocEdito .detail h3 {
  padding-top:0;
}

section.programmation .blocMenuN3 {
  top:-12em;
  margin-left:0;
  margin-right:0;
  width:100%;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  background-color:transparent;
  border:none;
  text-align:center;
}

section.programmation .blocMenuN3Top {
  display:block;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  border:none;
  margin-left:0;
  margin-right:0;
  width:100%;
  text-align:center;
  top:3.55em;
}

.blocInfoCalendrier {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  background-color:#FFF;
  position:relative;
}

.blocInfoCalendrier ul li.titreCal {
  width:50%;
  display:block;
}

.blocInfoCalendrier ul li.cal {
  width:50%;
  text-align:left;
}

section.evenement .blocMenu, section.artiste .blocMenu, section.infospratiq .blocMenuN3 {
  position:relative;
}

section.evenement .blocMenuN3, section.artiste .blocMenuN3, section.infospratiq .blocMenuN3 {
  top:-12em;
}

section.programmation .blocMenuN3 > li, section.programmation .blocMenuN3Top > li {
  float:none;
  display:inline-block;
  letter-spacing: normal;
  text-align: center;
  text-rendering: auto;
  word-spacing: normal;
  position:relative;
}

section.programmation .blocMenuN3Top > li.titToutMenu {
  width:10em;
}

section.agenda .blocMenuN3 > li, section.agenda .blocMenuN3Top > li {
  display:inline-block;
  letter-spacing: normal;
  overflow: hidden;
  text-align: center;
  text-rendering: auto;
  word-spacing: normal;
}

section.agenda .blocMenuN3 li span, section.agenda .blocMenuN3Top li span {
  display:inline-block;
  vertical-align:middle;
  line-height:1.3;
  font-size:0.9em;
}

section.programmation .blocMenuN3 li span.start,
section.programmation .blocMenuN3 li span.end,
section.programmation .blocMenuN3Top li span.start,
section.programmation .blocMenuN3Top li span.end{
  vertical-align:middle;
  line-height:1.3;
  font-size:0.9em;
  float:left;
  width:50%;
  box-sizing: border-box;
  display:block;
}

section.programmation .blocMenuN3 li.session:after,
section.programmation .blocMenuN3Top li.session:after{
  clear:both;
  display:block;
  content:"";
}

section.agenda .blocMenuN3 li.titLedito, section.agenda .blocMenuN3Top li.titLedito {
  text-align:left;
}

section.agenda .blocMenuN3 li.titLedito span.av-iconplay2:before, section.agenda .blocMenuN3Top li.titLedito span.av-iconplay2:before {
  position:absolute;
  margin-top:-0.7em;
  top:50%;
  left:1em;
}

section.agenda .blocMenuN3 li.titPrev span.av-iconplay2:before, section.agenda .blocMenuN3Top li.titPrev span.av-iconplay2:before {
  position:absolute;
  top:2.6em;
  left:40%;
}

section.agenda .blocMenuN3 li.titNext span.av-iconplay3:before, section.agenda .blocMenuN3Top li.titNext span.av-iconplay3:before {
  position:absolute;
  top:2.6em;
  left:40%;
}

section.agenda .blocMenuN3 li.titWebtv span.av-iconplay3:before, section.agenda .blocMenuN3Top li.titWebtv span.av-iconplay3:before {
  position:absolute;
  margin-top:-0.7em;
  top:50%;
  right:1em;
}

section.agenda .blocMenuN3 li.titLedito span.tit, section.agenda .blocMenuN3Top li.titLedito span.tit {
  margin-left:1em;
}

section.agenda .ongletsTV {
  margin-top:-5em;
  height:2em;
  line-height:3;
  width:96%;
  margin-left:2%;
  margin-right:2%;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  text-align:center;
  margin-bottom:3em;
}

section.agenda .ongletsTV li {
  display: inline-block;
  width:auto;
  letter-spacing: normal;
  overflow: hidden;
  text-align: center;
  text-rendering: auto;
  word-spacing: normal;
  position:relative;
}

section.agenda .ongletsTV li a {
  padding:0.5em 1em;
  height:3em;
  line-height:3;
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
}

section.agenda .ongletsTV li a.ici {
  color:#696969;
}

section.agenda .ongletsTV li a.ici:after {
  font-family:'logo-avignon';
  color: #696969;
  content: "\e812";
  font-size: 0.5em;
  position:absolute;
  bottom:-1em;
  left:50%;
  margin-left:-0.3em;
}

section.agenda .ongletsTV li a span {
  display:inline-block;
  vertical-align:middle;
  line-height:1.3;
  font-size:1.1em;
}

section.agenda .blocVideo {
  background-color:#2F2D29;
  margin:2em 0;
  padding:1em 0;
}

section.agenda .mosaTv .grille {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section.agenda .mosaTv .item {
  float:left;
  width:32%;
  margin-right:1%;
}

section.agenda .mosaTv .item.first {
  clear:both;
}

section.agenda .mosaTv .item.last {
  margin-right:0;
}

section.agenda .mosaTv .item li.vig {
  position:relative;
  background-color:#696969;
  margin-bottom:1em;
}

section.agenda .mosaTv .item li.vig img {
  width:100%;
  height:auto;
  display:block;
}

section.agenda .mosaTv .item p {
  font-family:'Arial';
  font-size:0.8em;
  margin-bottom:1em;
}

section.programmation .blocMenuN3 li.titProgAnnee {
  display:inline-block;
}

section.programmation .blocMenuN3 li.titProgAnnee, section.programmation .blocMenuN3 li.titParDate, section.programmation .blocMenuN3 li.titParArtiste, section.programmation .blocMenuN3 li.titParSpectacle, section.programmation .blocMenuN3 li.titParLieu {
  width:auto;
}

section.programmation .blocMenuN3 li.titProgAnnee {
  border-bottom:none;
}

section.programmation .timeline {
  top:-8em;
  position:absolute;
  text-align:center;
  width:100%;
}

section.programmation .listeJour{
  display:block;
  position:relative;
}

section.programmation .listeJour div.itemJour {
  background-color:#F0F0F0;
}

section.programmation .listeJour div.itemJour .l {
  text-transform:uppercase;
}

section.programmation .listeJour div.itemJour a {
  display:block;
  border-left:#696969 1px solid;
  color:#666;
  height:4em;
}

section.programmation .listeJour div.itemJour a p {
  font-family:'Arial';
  font-size:0.9em;
  padding-top:0.5em;
  padding-bottom:0.4em;
}

section.programmation li.titItemJour a {
  color:#FFF;
  padding:0.5em 1em;
}

section.programmation li.titItemJour p {
  font-family:'Arial';
  font-size:0.9em;
  line-height:1.2;
  padding-top:0;
  padding-bottom:0.8em;
}

section.programmation .listeJour div.itemJour a:hover {
  background-color:#e30e14;
  color:#FFF;
}

section.programmation .listeJour div.itemJour a.ici, section.programmation .listeJour div.itemJour a.la {
  background-color:#e30e14;
  color:#FFF;
  border-left:#e30e14 1px solid;
}

section.programmation .listeJour div.itemJour a.next {
  border-left:#e30e14 1px solid;
}

.listeMois{
  display:inline-block;
  letter-spacing: -0.31em;
  width:100%;
}

.listeMois li {
  display:inline-block;
  letter-spacing: normal;
  overflow: hidden;
  text-align: center;
  text-rendering: auto;
  word-spacing: normal;
}

.listeMois li a {
  display:block;
  border-left:#696969 1px solid;
  color:#666;
  font-family: "FuturaLTPro-MediumCond";
  padding: 0 1em;
  text-transform: uppercase;
  background-color: #f0f0f0;
  line-height: 3;
}

.listeMois li a:hover {
  background-color:#e30e14;
  color:#FFF;
}

.listeMois li a.ici, .listeMois li a.la {
  background-color:#e30e14;
  color:#FFF;
  border-left:#e30e14 1px solid;
}

.listeMois li a.next {
  border-left:#e30e14 1px solid;
}

section.programmation .blocTri {
  top:-3em;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:2;
}

section.programmation .blocTri .tri {
  display:block;
  letter-spacing:-0.31em;
  text-rendering:optimizespeed;
  font-family:'sans-serif';
}

section.programmation .blocTri .tri li {
  display:inline-block;
  letter-spacing:normal;
  word-spacing:normal;
  text-rendering:auto;
  overflow:hidden;
  position:relative;
}

section.programmation .blocTri .tri li a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#696969;
  height:3em;
  padding:0 1em;
}

section.programmation .blocTri .tri li a:hover {
  color:#E30E14;
}

section.programmation .blocTri .tri li a.ici {
  color:#e30e14;
}

section.programmation .blocTri .tri li a span {
  line-height:3;
}

section.programmation .blocTri .tri li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-0.2em;
  left:50%;
  margin-left:-0.5em;
  color:#e30e14;
}

section.programmation .blocMenuN3Top li.titPrev a {
  border-left:#FFF 1px solid;
  border-right:#FFF 1px solid;
  padding:0.5em 1em;
}

section.programmation .blocMenuN3Top li.titNext a {
  border-right:#FFF 1px solid;
  padding:0.5em 1em;
}

section.programmation .blocTypo {
  text-align:center;
  width:100%;
  background-color:#FFF;
}

section.technique .blocTypo {
  text-align:center;
  background-color:#FFF;
  margin: -8.5em 2% 0 2%;
  padding: 30px 50px 10px 50px;
}

section.programmation .blocTop .blocTypo {
  top:7.5em;
  position:absolute;
}

section.programmation .blocTypo .typologie, section.technique .blocTypo .typologie {
  display:block;
  letter-spacing:-0.31em;
  text-rendering:optimizespeed;
  font-family:'sans-serif';
  height:3em;
}

section.technique .blocTypo .typologie {
  height:auto;
}

section.programmation .blocTypo .typologie li, section.technique .blocTypo .typologie li {
  display:inline-block;
  letter-spacing:normal;
  word-spacing:normal;
  text-rendering:auto;
  overflow:hidden;
  position:relative;
}

section.programmation .blocTypo .typologie li a, section.technique .blocTypo .typologie li a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#696969;
  height:3em;
  padding:0 1em;
}

section.technique .blocTypo .typologie li a {
  height:2.1em;
  padding:0 1em;
  line-height: 1.5;
}

section.programmation .blocTypo .typologie li a.ici, section.technique .blocTypo .typologie li a.ici {
  color:#e30e14;
}

section.programmation .blocTypo .typologie li a:hover, section.technique .blocTypo .typologie li a:hover {
  color:#E30E14;
}

section.programmation .blocTypo .typologie li a span, section.trechnique .blocTypo .typologie li a span {
  line-height:3;
}

section.programmation .blocTypo .typologie li a.ici.av-iconplay-top:after, section.technique .blocTypo .typologie li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-0.2em;
  left:50%;
  margin-left:-0.5em;
  color:#e30e14;
}

section.programmation .blocMenuN3Top li.titItemJour {
  background-color:#e30e14;
  color:#FFF;
}

section.programmation .blocMenuN3Top li.titParLieu {
  border-right:#FFF 1px solid;
}

section.programmation .blocMenuN3Top li.titParLieu.fin {
  border-right:none;
}

section.programmation .blocMenuN3Top li.titToutMenu a {
  text-align:left;
  padding:0.5em 0.8em;
}

section.programmation .blocMenuN3Top > li.titToutMenu a span {
 text-align:left;
}

section.programmation .blocMenuN3Top > li.titToutMenu a span.tit {
 margin-left:2em;
}

section.programmation .blocMenuN3Top > li.titToutMenu .filtreMenu {
  position:absolute;
  width:100%;
  padding-bottom:1em;
  padding-top:0.3em;
  background-color:#e30e14;
}

section.programmation .blocMenuN3Top > li.titToutMenu .filtreMenu li a {
  display:block;
  padding-left:2em;
  height:1.3em;
  line-height:1.3;
  background-color:#e30e14;
}

section.programmation .blocArtiste {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  position:relative;
  top:-4em;
}

section.programmation .blocArtiste.blocListeSpectacles {
  position:relative;
  top:2em;
}

section.agenda .blocMenuN3 a, section.agenda .blocMenuN3Top a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  padding:0.5em 0.8em;
}

section.programmation .blocMenuN3 a {
  background-color:#E30E14;
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  padding:0.5em 2em;
}

section.programmation .blocMenuN3Top a {
  background-color:#E30E14;
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  padding:0.5em 1em;
}

section.agenda .blocMenuN3 li a:hover, section.agenda .blocMenuN3Top li a:hover {
  background-color:#e30e14;
  color:#FFF;
}

section.agenda .blocMenuN3 li.titJour a span, section.agenda .blocMenuN3Top li.titJour a span {
  font-size:1.1em;
}

section.programmation .blocMenuN3 li a span, section.programmation .blocMenuN3Top li a span { 
  vertical-align:middle;
  display:inline-block;
  line-height:1.3;
  text-align:center;
  *display:inline;
  *zoom:1;
}

section.programmation .blocMenuN3Top li.titItemJour a span {
  font-family:'Arial';
}

section.programmation .blocMenuN3Top li.titPrev a span, section.programmation .blocMenuN3Top li.titNext a span {
  vertical-align:baseline;
}

section.programmation .blocMenuN3 li.titProgAnnee a span, section.programmation .blocMenuN3Top li.titProgAnnee a span {
  font-size:1.3em;
  line-height:2.3;
}

section.agenda .blocMenuN3 a, section.agenda .blocMenuN3Top a {
  height:3em;
  line-height:3;
  border-top:1px solid #e30e14;
  border-bottom:1px solid #e30e14;
  border-left:1px solid #e30e14;
}

section.agenda .blocMenuN3 li.titSpec a, section.agenda .blocMenuN3Top li.titSpec  a {
  border-left:none;
}

section.agenda .blocMenuN3 li.titAtel a, section.agenda .blocMenuN3Top li.titAtel  a {
  border-left:none;
}

section.agenda .blocMenuN3 li.titDispo a, section.agenda .blocMenuN3Top li.titDispo a {
  border-left:none;
}

section.agenda .blocMenuN3 li.titEntree a, section.agenda .blocMenuN3Top  li.titEntree a {
  border-left:none;
}

section.programmation .blocMenuN3 a, section.programmation .blocMenuN3Top a {
  height:3em;
  line-height:3;
}

section.agenda .blocMenuN3 > li span.av-iconplay3:before, section.agenda .blocMenuN3Top > li span.av-iconplay3:before {
  font-family: 'logo-avignon';
  content: "\e811";
  font-size:0.7em;
}

section.agenda .blocMenuN3 > li a.ici.av-iconplay-top:after, section.agenda .blocMenuN3Top > li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-1.2em;
  margin-left:-0.5em;
  left:50%;
}

section.programmation .blocMenuN3 > li a.ici.av-iconplay-top:after, section.programmation .blocMenuN3Top > li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-1.2em;
  margin-left:-0.5em;
  left:50%;
}

section.agenda .blocMenuN3 li.titPrev a, section.agenda .blocMenuN3Top li.titPrev a {
  border-left:1px solid #e30e14;
  border-right:1px solid #e30e14;
}

section.agenda .blocMenuN3 li.titNext a, section.agenda .blocMenuN3Top li.titNext a {
  border-right:1px solid #e30e14;
}

section.agenda .blocMenuN3 li.titWebtv a, section.agenda .blocMenuN3Top li.titWebtv a, section.actualite .blocMenuN3 li.titWebtv a, section.actualite .blocMenuN3Top li.titWebtv a {
  border-right:1px solid #e30e14;
  background-image:url("../img/content/vig-webTV.jpg");
  color:#FFF;
  min-width:50px;
}

section.agenda .blocMenuN3 li a.ici, section.agenda .blocMenuN3Top li a.ici {
  background-color:#e30e14;
  color:#FFF;
}

section.agenda .blocMenuN3 li.titTout a.ici, section.agenda .blocMenuN3Top li.titTout a.ici {
  border-left:1px solid;
}

section.agenda .blocMenuN3 li.titWebtv a.ici, section.agenda .blocMenuN3Top li.titWebtv a.ici {
  color:#FFF;
  background-image:url("../img/content/vig-webTV-actif.jpg");
}

section.agenda .blocMenuN3 li a:hover, section.agenda .blocMenuN3 li a:hover span.av-iconplay3:before, section.agenda .blocMenuN3 li a:hover span.av-iconplay2:before, section.agenda .blocMenuN3Top li a:hover, section.agenda .blocMenuN3Top li a:hover span.av-iconplay3:before, section.agenda .blocMenuN3Top li a:hover span.av-iconplay2:before {
  color:#FFF;
}

section.agenda .blocAgenda .titre, section.technique .blocTech .titre {
  position:relative;
  top:-5.3em;
}

section.technique.public .blocTech .titre {
  top:-10.3em;
}

section.technique.public .blocAgenda {
  margin-top: 0;
}

.blocActu .item {
  padding-left:0.3em;
  padding-right:0.3em;
}

.blocActu .owl-theme .owl-controls .owl-nav div.owl-prev {
  top:19%;
}

.blocActu .owl-theme .owl-controls .owl-nav div.owl-next {
  top:19%;
}

section .blocAgenda .top2 {
  margin-left:2%;
  margin-right:2%;
  width:96%;
}

section .blocExpo .mosa:after {
	content: '';
	display: block;
	clear:both;
}

section .blocAgenda .top2 > li, section .blocAgenda .item, section .blocExpo .item, section .blocArtiste .item, section .blocRencontres .item, section .bloc .item {
  float:left;
  width:32%;
  margin-left:1%;
  margin-right:1%;
}

section.infospratiq .blocActu .arti .item, section.programmation .blocActu .arti .item {
  float:left;
  width:32%;
  margin-left:1%;
  margin-right:1%;
  padding-left:0;
  padding-right:0;
}

section .blocAgenda .top2 > li ul.item {
  float:none;
  width:100%;
  margin-left:0;
  margin-right:0;
}

section .blocAgenda .top2 > li:first-child, section .blocAgenda .item:first-child, section .blocAgenda .item.first, section .blocExpo .item:first-child, section .blocExpo .item.first, section .blocArtiste .item.first, section .blocRencontres .item.first, section .bloc .item.first, section.infospratiq .blocActu .arti .item.first, section.programmation .blocActu .arti .item.first {
  margin-left:0;
  clear:both;
}

section .blocAgenda .top2 > li:last-child, section .blocAgenda .item.last, section .blocExpo .item.last, section .blocArtiste .item.last, section .blocRencontres .item.last, section .bloc .item.last, section.infospratiq .blocActu .arti .item.last, section.programmation .blocActu .arti .item.last {
  margin-right:0;
}

section .blocAgenda .item.first, section .blocExpo .item.first, section .blocRencontres .item.first, section .bloc .item.first {
  clear:both;
}

section .blocAgenda .onlyScreen {
  display:none;
}

.blocArtiste a.item.texteSeul {
    border-top:1px #E30E14 solid;
    padding-top:1.5em;
    padding-bottom:0.5em;
}

.blocArtiste a.item.texteSeul.noTop {
    border-top:none;
}

section .blocAgenda .mosa, section .blocExpo .mosa, section .bloc .sousRub, section .bloc > .mosa, section .blocImages .mosa {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  margin-top:1.5em;
}

section .bloc .sousRub > h3 {
  width:100%;
  margin-left:0;
  margin-right:0;
}

section .blocEdito .blocContent {
  margin-left:2%;
  margin-right:2%;
  width:96%;
}

section .blocAgenda .blocContent {
  margin-left:2%;
  margin-right:2%;
  width:96%;
  margin-top:-3em;
}

.blocAgenda .dates {
  border-top:1px solid #666;
}

.blocSpectacles .dates {
  border-top:1px solid #666;
}

.blocAgenda .mosa > ul, .blocArtiste .mosa > ul, .blocSpectacles .mosa > .item {
  margin-top:0;
  padding-top:0;
  border-top:none;
}

section .blocAgenda .blocContent .programme {
  padding-top:0;
}

section .blocEdito .blocIllus, section .blocAgenda .blocContent .blocIllus {
  float:left;
  width:30%;
  padding-right:2%;
  padding-left:0;
}

section .blocEdito .blocIllus {
  max-height:none;
}

section .blocEdito .blocIllus img, section .blocAgenda .blocContent .blocIllus img {
  width:100%;
}

section .blocEdito .detail, section .blocAgenda .blocContent .detail {
  float:left;
  width:65%;
  padding-left:0.3em;
}

section.evenement .blocMenuN3, section.evenement .blocMenuN3Top, section.infospratiq .blocMenuN3, section.infospratiq .blocMenuN3Top {
  border:none;
  background-color:transparent;
  text-align:center;
}

section.artiste .blocMenuN3, section.artiste .blocMenuN3Top {
  border:none;
  background-color:transparent;
  margin-left: 2%;
  margin-right: 2%;
  width: 96%;
}

section.evenement .blocMenuN3 .titrePage, section.evenement .blocMenuN3Top .titrePage {
  display:inline-block;
  border:#e30e14 1px solid;
  height:85px;
}

section.evenement .blocMenuN3 h1, section.evenement .blocMenuN3Top h1 {
  display:inline-block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  font-size:1.6em;
  font-weight:normal;
  text-align:center;
  line-height:1.2;
  padding:0.8em 0.8em 0 0.8em;
}

section.evenement .blocMenuN3 h1 a, section.evenement .blocMenuN3Top h1 a {
    color:#3E3E40;
}

section.evenement .blocMenuN3 h1 a:hover, section.evenement .blocMenuN3Top h1 a:hover {
    color:#696969;
    background-color:transparent;
}


section.evenement .blocMenuN3 .titcalendar h1, section.evenement .blocMenuN3Top .titcalendar h1 {
  padding:0.8em;
}

section.evenement .blocMenuN3 li.titTag, section.evenement .blocMenuN3Top li.titTag {
  padding:0 0.8em;
}

section.evenement .blocMenuN3 li.titTag span, section.evenement .blocMenuN3Top li.titTag span {
  display:inline-block;
  font-family: 'FuturaLTPro-Medium';
  text-transform:uppercase;
  color:#e30e14;
  font-size:0.7em;
  letter-spacing:0.1em;
  line-height:1.2;
  padding:0 0.5em;
}

section.evenement .blocSousMenu {
  position:absolute;
  top:-106px;
  width:100%;
  text-align:center;
}

section.evenement .blocSousMenuTop {
  position:absolute;
  top:142px;
  width:100%;
  text-align:center;
}

section.infospratiq .blocSousMenu {
  position:absolute;
  top:-11.5em;
  width:100%;
  text-align:center;
  z-index:2;
}

section.infospratiq .blocSousMenuTop {
  position:absolute;
  top:3.5em;
  width:100%;
  text-align:center;
}

section.evenement .blocSousMenu ul.sousMenu, section.evenement .blocSousMenuTop ul.sousMenu, section.artiste ul.sousMenu, section.infospratiq ul.sousMenu {
   letter-spacing: -0.31em;
   text-rendering: optimizespeed;
} 

section.evenement .blocSousMenu ul.sousMenu li, section.evenement .blocSousMenuTop ul.sousMenu li, section.artiste ul.sousMenu li, section.infospratiq ul.sousMenu li {
  display:inline-block;
  text-align:center;
  letter-spacing: normal;
  overflow: hidden;
  text-rendering: auto;
  word-spacing: normal;
  border-top:1px solid #e30e14;
  border-left:1px solid #e30e14;
  border-bottom:1px solid #e30e14;
}

section.infospratiq ul.sousMenu li {
  max-width:10em;
}

section.evenement .blocSousMenu ul.sousMenu li:last-child, section.evenement .blocSousMenuTop ul.sousMenu li:last-child, section.artiste ul.sousMenu li:last-child, section.infospratiq .blocSousMenu ul.sousMenu li:last-child, section.infospratiq .blocSousMenuTop ul.sousMenu li:last-child {
  border-right:1px solid #e30e14;
}

section.evenement .blocSousMenu ul.sousMenu li a, section.evenement .blocSousMenuTop ul.sousMenu li a, section.infospratiq .blocSousMenu ul.sousMenu li a, section.infospratiq .blocSousMenuTop ul.sousMenu li a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  padding:0.2em 2em 0.2em 0.5em;
  line-height:2.5;
  height:2.5em;
  position:relative;
}

section.artiste ul.sousMenu li a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  padding:0.5em 3em 0.5em 1em;
  line-height:3;
  height:3em;
  position:relative;
}

section.artiste ul.sousMenu li h1 a {
    display:inline;
    padding:0;
    line-height:1;
    height:auto;
    position:static;
    color:#3E3E40;
}

section.artiste ul.sousMenu li h1 a:hover {
    color:#696969;
    background-color:transparent;
}

section.evenement .blocSousMenu ul.sousMenu li.ici a, section.evenement .blocSousMenuTop ul.sousMenu li.ici a, section.artiste ul.sousMenu li.ici a, section.infospratiq .blocSousMenu ul.sousMenu li.ici a, section.infospratiq .blocSousMenuTop ul.sousMenu li.ici a {
  color:#FFF;
  background-color:#e30e14;
}

section.evenement .blocSousMenu ul.sousMenu li a:hover, section.evenement .blocSousMenuTop ul.sousMenu li a:hover, section.artiste ul.sousMenu li a:hover, section.infospratiq .blocSousMenu ul.sousMenu li a:hover, section.infospratiq .blocSousMenuTop ul.sousMenu li a:hover {
  color:#FFF;
  background-color:#e30e14;
}

section.evenement .blocSousMenu ul.sousMenu li a span, section.evenement .blocSousMenuTop ul.sousMenu li a span, section.infospratiq .blocSousMenu ul.sousMenu li a span, section.infospratiq .blocSousMenuTop ul.sousMenu li a span {
  vertical-align:middle;
  display:inline-block;
  line-height:1.3;
  font-size:1em;
  *display:inline;
  *zoom:1;
}

section.evenement a span.plus {
  position:relative;
  top:-0.15em;
  right:0;
}

section.evenement .blocSavoir h2 span.plus {
  position:relative;
  top:-0.10em;
  right:0;
}

section.artiste ul.sousMenu li a span {
  vertical-align:middle;
  display:inline-block;
  line-height:1.3;
  font-size:1.2em;
  *display:inline;
  *zoom:1;
}

section.evenement .blocSousMenu ul.sousMenu li a span.av-iconplay4:before, section.evenement .blocSousMenuTop ul.sousMenu li a span.av-iconplay4:before, section.infospratiq .blocSousMenu ul.sousMenu li a span.av-iconplay4:before, section.infospratiq .blocSousMenuTop ul.sousMenu li a span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  right:1em;
  margin-top:-0.6em;
  top:50%;
}

ul.listeJour.mobtab {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

ul.listeJour.mobtab li.itemJour > span.l {
  width:15%;
  clear:both;
}

ul.listeJour.mobtab li.itemJour > span.c {
  width:9%;
}

ul.listeJour.mobtab li.itemJour > span.heure {
  width:15%;
}

ul.listeJour.mobtab li.itemJour > span.caddy {
  width:50%;
}

ul.listeJour.mobtab li.itemJour > span.caddy a.av-iconcaddy.login {
	  margin-right:0;
}


ul.listeJour.mobtab li.itemJour > span.calendrier {
  width:5%
}

section .blocPratique .detPratiques, section .blocTourne .specTournee {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section .blocImages .contentSlide, .bloc .contentSlide  {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

.cycle-slideshow {
    padding-bottom:2em;
}

.cycle-slideshow.arch {
    padding-bottom:3em;
}

.centerSlide {
    top:20em;
}

#per-slide-template, #per-slide-template1 {
    display:block;
}

#per-slide-template a, #per-slide-template1 a {
  display:block;
  float:left;
  height:2.8em;
  margin-right:0.26em;
  margin-bottom:0.26em;
  opacity:0.6;
  position:relative;
}

#per-slide-template a img, #per-slide-template1 a img {
  height:100%;
}

#per-slide-template a.cycle-pager-active, #per-slide-template1 a.cycle-pager-active {
  opacity:1;
}

#per-slide-template a:hover, #per-slide-template1 a:hover  {
  opacity:1;
}

section.artiste ul.sousMenu li a span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  right:2em;
  margin-top:-0.8em;
  top:50%;
}

section .blocSpectacles {
  top:0;
}

section .blocPratique .detPratiques li {
  float:left;
  width:30%;
  padding-right:3%;
}

section .blocAudio .texte li, section .blocPresente .texte li, section.evenement .texte li {
  float:left;
  width:45%;
}

section .blocPresente .texte li.distribution h2.production {
  margin-top:2em;
}

section .blocSavoir .savoirPlus {
  font-family:'Arial';
  font-size:0.9em;
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section .blocSavoir .savoirPlus .item {
  float:left;
  width:32%;
  margin-right:2%;
}

section .blocSavoir.bloc .savoirPlus .item {
  margin-left:0;
}

section .blocSavoir .savoirPlus .item.last {
  margin-right:0;
}

section .blocSavoir .savoirPlus .item.first {
  clear:both;
}

section.artiste .blocMenuN3 div.illusArtiste {
  float:left;
  width:30%;
  max-width:290px;
  vertical-align:top;
}

section.artiste .blocMenuN3 div.illusArtiste img {
  vertical-align:top;
}

section.artiste .blocMenuN3 ul.titrePage {
  float:left;
  width:65%;
  margin-left:1%;
}

section.artiste .blocMenuN3Top .titrePage li {
 display:inline-block;
}

section.artiste .blocMenuN3 h1 {
  border:#e30e14 1px solid;
  display:inline-block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  font-size:1.6em;
  font-weight:normal;
  text-align:center;
  line-height:1.2;
  padding:0.8em;
}

section.artiste .blocMenuN3 h1 a {
    color:#3E3E40;
}

section.artiste .blocMenuN3 h1 a:hover {
    color:#696969;
    background-color:transparent;
}

section.artiste .blocMenuN3Top h1 {
  font-weight:normal;
  font-family: 'FuturaLTPro-MediumCond';
  height: 3em;
  line-height: 3;
  padding: 0.5em 1em 0.5em 1em;
  text-transform: uppercase;
  color: #E30E14;
}

section.artiste .blocMenuN3Top h1 span {
  display: inline-block;
  font-size: 1.6em;
  line-height: 1.3;
  vertical-align: middle;
}

section.artiste .blocMenuN3Top h1 a {
    color:#3E3E40;
}

section.artiste .blocMenuN3Top h1 a:hover {
    color:#696969;
    background-color:transparent;
}

section.artiste ul.sousMenu {
   margin-top:0.8em;
}

section.artiste .blocMenuN3Top ul.sousMenu {
  margin-top:0;
  width:100%;
  text-align:center;
}

section.artiste .spec {
  margin-left:2%;
  margin-right:2%;
  width:96%;
}

section.artiste .spec.deux .item, section.evenement .blocSpectacles .spec.deux .item {
  float:left;
  width:49%;
  margin-right:2%;
}

section.artiste .spec.trois .item, section.evenement .blocSpectacles .spec.trois .item {
  float:left;
  width:32%;
  margin-right:2%;
}

section.artiste .spec.deux .item.last, section.evenement .blocSpectacles .spec.deux .item.last {
  margin-right:0;
}

section.artiste .spec.trois .item.last, section.evenement .blocSpectacles .spec.trois .item.last {
  margin-right:0;
}

section.artiste .spec.trois .item.first, section.evenement .blocSpectacles .spec.trois .item.first {
  clear:both;
}

section .blocSpectacles .autresEditions {
  margin:0.8em 2% 0.8em 2%;
}

section.artiste .spec .item .illus, section.evenement .blocSpectacles .spec .item .illus {
  float:left;
  width:50%;
}

section.artiste .spec.deux .item div.illus, section.artiste .spec.trois .item div.illus, section.evenement .blocSpectacles .spec.deux .item div.illus, section.evenement .blocSpectacles .spec.trois .item div.illus {
  width:100%;
}

section.artiste .spec .item > ul, section.evenement .blocSpectacles .spec .item > ul {
  float:left;
  width:48%;
  margin-left:2%;
}

section.artiste .spec.deux .item > ul, section.artiste .spec.trois .item > ul, section.evenement .blocSpectacles .spec.deux .item > ul, section.evenement .blocSpectacles .spec.trois .item > ul {
  width:100%;
}

section .blocRencontres .sousTitre {
  margin:0 2% 0.3em 2%;
  width:96%;
}

section .blocRencontres .avant, section .blocRencontres .apres {
  margin-top:0;
  margin-bottom:2em;
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section .blocPresente .texte, section .blocPortrait .texte, section .blocAudio .texte, section .blocPresente h4.chapeau {
  font-family:'Arial';
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section .blocPortrait, section .blocRencontres {
  top:0;
}

.blocPortrait .texte li {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  column-gap : 1em;
  -webkit-column-gap : 1em;
  -moz-column-gap : 1em;
}

section.evenement li.titcalendar h1.av-iconcalendrier1:before {
  display:inline-block;
  margin-bottom:0;
  font-size:1.1em;
}

section.evenement .blocCalendrier .infos {
  position:absolute;
  width:93%;
  margin-left:2%;
  margin-right:2%;
  top:-5em;
  padding:1.5%;
}

section.evenement .blocCalendrier .infos p {
  text-align:center;
}

.blocCalendrier .modeEmploi {
  width:93%;
  margin-left:2%;
  margin-right:2%;
  padding:60px 1.5% 1.5% 1.5%;
}

section.evenement .blocCalendrier .ajouter a {
  padding:0.8em;
}

section.evenement .blocCalendrier .titreJour h2 {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section.evenement .blocCalendrier .listingJour li.itemListe {
  padding-top:0.5em;
  padding-bottom:0.5em;
}

section.evenement .blocCalendrier .listingJour li.itemListe ul {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

section.evenement .blocCalendrier .itemListe li {
  float:left;
  font-family:'Arial';
  font-size:0.9em;
  padding:0.2em 0 0.2em 0;
  margin-top:0.5em;
}

section.evenement .blocCalendrier .itemListe li.tit {
  width:20%;
}

section.evenement .blocCalendrier .itemListe li.tit span{
  padding-right:1em;
}

section.evenement .blocCalendrier .itemListe li.auteur {
  width:20%;
}

section.evenement .blocCalendrier .itemListe li.auteur span {
  padding-right:1em;
}

section.evenement .blocCalendrier .itemListe li.duree {
  width:10%;
}

section.evenement .blocCalendrier .itemListe li.lieu {
  width:28%;
}

section.evenement .blocCalendrier .itemListe li.lieu span {
  padding-right:1em;
}

section.evenement .blocCalendrier .itemListe li.heure {
  width:7%;
}

section.evenement .blocCalendrier .itemListe li.autre {
  width:10%;
}

section.evenement .blocCalendrier .itemListe li.close {
  width:5%;
  text-align:right;
  position:static;
}

.phrase14juillet {
  width:96%;
  margin:0.5em 2% 1em 2%;
}

.blocAussi {
  position:relative;
  width:96%;
  margin-left:2%;
  margin-right:2%;
  margin-top:0;
  margin-bottom:0;
  top:-3.2em;
}

.blocAussi > div {
  font-size:1.3em;
}

.blocAussi > div p.place {
  right:2.5em;
}

.blocAussi .owl-carousel{
  width: 96%;
  margin-left:2%;
  margin-right:2%;
  padding-bottom:1em;
}

.blocAussi .owl-controls{
  position:absolute;
  top:0.5em;
  right:0.5em;
  text-align: right;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width:auto;
  height:auto;
}

.blocAussi .owl-controls .owl-nav div.owl-prev {
  float:left;
  position:static;
  width:1.2em;
  cursor:pointer;
}

.blocAussi .owl-controls .owl-nav div.owl-next {
  float:left;
  position:static;
  width:1.2em;
  margin-left:0.5em;
  cursor:pointer;
}

section.programmation .timeline .owl-theme .owl-controls{
	position:absolute;
	margin-top:0;
	width:100%;
	top:0;
	left:0;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

section.programmation .timeline .owl-theme .owl-controls .owl-nav div.owl-prev {
  height:3em;
  line-height:3;
  top:0;
}

section.programmation .timeline .owl-theme .owl-controls .owl-nav div.owl-next {
  height:3em;
  line-height:3;
  top:0;
}

.listeProp .item ul {
  margin:0.5em 0;
}

.listeProp .item ul li {
  float:left;
  font-family:'Arial';
  color:#FFF;
  font-size:0.9em;
  padding:0.2em 0 0.2em 0;
  margin-top:0.5em;
}

section.evenement .blocCalendrier {
	width:96%;
	margin-left: 2%;
	margin-right: 2%;
}

.blocCalendrier .maListe {
	background-color: #F0F0F0;
	margin-bottom: 0;
}

.blocCalendrier .maListe .ajouter {
   float:left;
  /* width:35%;*/
  width:100%;
   text-align: center;
}

.blocCalendrier .maListe form {
  display: none;  /* désactivation du formulaire de filtre */
  float:right;
  width:65%;
}

.blocCalendrier .maListe form fieldset {
	width: auto;
	margin: 0.8em 0;
	padding: 0.3em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-family: 'arial';
	font-size: 16px;
	line-height: 2.5;
}

.blocCalendrier .maListe form fieldset > div {
	float:none;
	width:auto;
}

.blocCalendrier .maListe form fieldset label {
	margin-left:20px;
}

.blocCalendrier .maListe > div:after {
	content:'';
	display: block;
	clear: both;
}

.blocCalendrier .maListe > div {
	width:92%;
	margin-left: 4%;
	margin-right: 4%;
}

section.evenement .blocCalendrier .envoi {
	background-color: #F0F0F0;
}

section.evenement .blocCalendrier .listeProp .item ul li.tit {
  width:30%;
  padding-right:2%;
}

section.evenement .blocCalendrier .listeProp .item ul li.auteur {
  width:25%;
  padding-right:2%;
}

section.evenement .blocCalendrier .listeProp .item ul li.duree {
  width:7%;
  padding-right:2%;
}

section.evenement .blocCalendrier .listeProp .item ul li.lieu {
  width:15%;
  padding-right:2%;
}

section.evenement .blocCalendrier .listeProp .item ul li.heure {
  width:8%;
}

section.evenement .blocCalendrier .listeProp .item ul li.plus {
  position:static;
  width:5%;
  text-align:right;
}

section.evenement .blocCalendrier .listeProp .item ul li.plus a {
  font-color:#FFF;
}

section.evenement .blocCalendrier .blocFin {
  background-color:#F0F0F0;
  position-relative;
  margin-top:4.5em;
}

section.evenement .blocCalendrier .envoi div.envoyer {
  float:left;
  width:49%;
  margin-right:2%;
}

section.evenement .blocCalendrier .envoi div.telecharger {
  float:left;
  width:49%;
  margin-right:0;
  margin-top:0;
}

.bloc {
  padding-top:2em;
  padding-bottom:3em;
  position:relative;
  top:-10em;
}

section.infospratiq .blocActu, section.infospratiq .blocImages, section.infospratiq .blocEdito {
  padding-top:2em;
  padding-bottom:3em;
  position:relative;
  top:-10em;
}

.bloc .texte, .blocImages .texte {
  width:96%;
  margin-left:2%;
  margin-top:2%;
}

section.infospratiq .blocEdito .texte {
  margin-top:0;
}

.bloc .colonne {
  width:96%;
  margin-left:2%;
  margin-top:2%;
}

.bloc .colonne h3, .bloc .colonne p {
  margin-right:10%;
}

.blocTech .blocContent h3 {
    width:96%;
    margin-left:2%;
    margin-right:2%;
}

.blocTech .blocContent > p {
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

.blocTech ul.ligne li {
  float:left;
  width:33.2%;
  position:relative;
  z-index:4;
  margin-left:0;
  margin-right:0;
  margin-top: 0;
}

.blocTech ul.ligne li a {
  display:block;
  padding:0.3em;
  border-right:#e30e14 1px solid;
  border-bottom:#e30e14 1px solid;
  border-left:none;
  border-top:none;  
  height:7em;
  position:relative;
  background-color:#FAFAFA;
}

.blocTech ul.ligne li.ici a {
  background-color:#e30e14;
}

.blocTech ul.ligne li.ici a h4 {
  color:#FFF;
}

.blocTech ul.ligne li.first {
  clear:both;
  border-left:#e30e14 1px solid;
}

.blocTech ul.ligne li a h4 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.1em;
  text-transform:uppercase;
  color:#E30E14;
  padding-right:1.5em;
}

.blocTech ul.ligne li a h4.av-iconplay4:after {
  position:absolute;
  content: "\e812";
  font-family: 'logo-avignon';
  font-size:0.7em;
  top:0.8em;
  right:1.2em;
}

.blocTech .blocContent ul.ligne li a p {
  font-family: 'Arial';
  font-size:0.7em;
  color:#696969;
  position:absolute;
  left:0.5em;
  bottom:0.2em;
}

.blocTech .blocContent ul.ligne li.ici a p {
  color:#FFF;
}

.blocTech .onlyTab > ul {
  clear:both;
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

.mos {
  position:relative;
  clear:both;
  background-color: #2F2D29;
  color: #B4AA96;
  font-size: 1em;
  line-height: 1.5;
  padding:5em 2%;
  z-index:2;
  top:-2.5em;
}

.blocTech .blocContent .mos p {
  font-family:'Arial';
}

.blocTech .blocContent .mos > p {
  padding-right:10em;
  margin-bottom:3em;
}

.blocTech .blocContent .mos ul li {
  float:left;
  width:32%;
  margin-right:2%;
  padding-bottom:2em;
}

.blocTech .blocContent .mos ul.specTournee li.villeTournee, .blocSpecTourne li.villeTournee, .blocTech .blocContent .mos ul.specTournee li.dateTournee, .blocSpecTourne li.dateTournee {
  float:left;
  width:25%;
  margin-right:0;
  padding-bottom:0;
}

.blocTech .blocContent .mos ul.specTournee {
  padding-bottom:4em;
}

.blocSpecTourne .specTournee {
  padding-bottom:2em;
}

.blocTech .blocContent .mos ul li.last {
  margin-right:0;
}

.blocTech .blocContent .av-iconcancel:before {
  color: #B4AA96;
  content: "\e602";
  font-size:4em;
}

section.tournee .blocTech .blocContent .av-iconcancel:before {
  font-size:2em;
}

.blocTech .blocContent span.av-iconcancel {
  position: absolute;
  right:60px;
  top:5em;
  z-index:3;
}

.blocTech .blocContent .texte {
 /* columns:2;
  -moz-columns:2;
  -webkit-columns:2;
  columns-gap:4em;
  -moz-columns-gap:4em;
  -webkit-columns-gap:4em; */
  width:96%;
  margin-left:2%;
  margin-right:2%;
}

.blocTech .blocContent .texte p {
  margin-bottom:2em;
}

.blocTech ul.ligne1 {
  margin-top:2em;
}

.blocTech ul.ligne1 li a {
  border-top:#e30e14 1px solid;
}

.diaporama.owl-carousel {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.unique {
    margin-left: 2%;
    margin-right: 0;
    width: 32%;
}

.alerteMoulinette div.centre,
.alerteModale div.centre, .confirmFermerStormModale div.centre {
  width:70%;
  margin-left:0;
  margin-top:-10em;
  top:50%;
  left:15%;
  height:auto;
  padding:4%;
  transform: none;
}

.diaporama .owl-controls{
  display:none;
}

.texteLieu {
margin-top:3em;
 margin-left: 2%;
 margin-right: 2%;
 width: 96%;
}

.texteLieu li {
 float:left;
 width:50%;
}

.texteLieu li.detail {
 width:47%;
 margin-right:3%;
}

.carAffiche li.anneeArch a {
    text-align:center;
}

.carAffiche .owl-controls .owl-nav div.owl-prev {
    left: -2%;
    position: absolute;
    top: 4.8em;
    width: 1.2em;
}

.carAffiche .owl-controls .owl-nav div.owl-next {
    position: absolute;
    right: -2%;
    top: 4.8em;
    width: 1.2em;
}

section .blocEdito.arch .blocIllus {
background-color:transparent;
max-height:none;
text-align:left;
}

section .blocEdito.arch .blocIllus img {
width:100%;
}

.legende.titreArchSpec {
    position:absolute;
    right:1em;
    bottom:1em;
}

section.actualite .blocMenuN3 li.titTitreSpec.ici a:hover {
  border-left:#E30E14 1px solid;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 120; position: absolute; bottom:-20px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; margin-right:5px; 
    display: inline-block; color: #b4aa96; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #E30E14;}
.cycle-pager > * { cursor: pointer;}

.titreRech {
    margin-top:3em;
}

div.styled {
    width:96%;
}

section.technique h1.resultat {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    font-size: 1.2em;
}

section.technique .ongletsRecherche {
  line-height:3;
  width:92%;
  margin-left:2%;
  margin-right:2%;
  margin-top:0.5em;
  margin-bottom:0.5em;
}

section.technique .ongletsRecherche li {
  display:inline-block;
  position:relative;
}

section.technique .ongletsRecherche li a {
  padding:0.5em 2em 0.5em 0;
  height:3em;
  line-height:3;
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
}

section.technique .ongletsRecherche li a:hover, section.technique .ongletsRecherche li a.ici  {
  color:#696969;
}

section.technique .ongletsRecherche li a.ici:after {
  font-family:'logo-avignon';
  color: #696969;
  content: "\e812";
  font-size: 0.5em;
  position:absolute;
  bottom:-1em;
  left:50%;
  margin-left:-2.3em;
}

section.technique .ongletsRecherche li a span {
  display:inline-block;
  vertical-align:middle;
  line-height:1.3;
  font-size:1.1em;
}

.affContent ul.blocRecherche, .pagination {
    margin-left:2%;
    margin-right:2%;
    width:96%;
}

.blocRecherche li.lienRech {
    position:absolute;
    right:0;
    top:50%;
    margin-top:-1.5em;
}

.container a.av-iconaudio, .container a.av-iconplay3, .container a.av-iconvideo {
    margin-top:0.8em;
    width:auto;
    text-align:left;
}

.blocRecherche .arianeRech {
    width:70%;
}

.blocRecherche .infoRech {
    width:70%;
}

footer.sansA {
  top:0;
}

.blocAlerte.public p {
  margin: 0 30px;
}

}

/* fin cas tablette portrait */

/*/ MODIF 03/2017 -- PROBLEMATIQUE MENU BILLETERIE /*/

@media only screen and (min-width:750px) {
  section.actualite .blocMenuN3, 
  section.actualite .blocMenuN3Top {
    width:100%;
    margin-left:0;
    margin-right:0;  
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    text-align:center;
    background-color:transparent;
    border:none;
    z-index:4;
  }

  
  section.actualite .blocMenuN3 > li, 
  section.actualite .blocMenuN3Top > li,
  .blocMenuN3Top .titProg:not(.titBillet),
  .blocMenuN3 .titProg:not(.titBillet){
    display:inline-block;
    text-align:center;
    letter-spacing: normal;
    overflow: hidden;
    text-rendering: auto;
    word-spacing: normal;
  }

  section.actualite .blocMenuN3 li a, section.actualite .blocMenuN3Top li a {
    display:block;
    font-family: 'FuturaLTPro-MediumCond';
    text-transform:uppercase;
    color:#e30e14;
    padding:0.5em 2.6em 0.5em 1.6em;
    line-height:3;
    height:3em;
    border-right:1px solid #e30e14;
    border-top:1px solid #e30e14;
    border-bottom:1px solid #e30e14;
  }
}




/* cas tablette paysage et petit desktop */

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

  /*martin*/
  .blocPortrait .ligne_site {
    margin-left:3%;
    margin-right:8%; 
  }
  /* fin martin */

div.decontracte {
  width:990px;
  margin:0 auto;
}

ul.menu {
  width:820px;
  margin:0 auto;
  padding-left:170px;
}
  
.bandeau {
  padding-bottom:0;
}

.home .logo {
  padding-top:1.5em;
  margin-left:30px;
}

.home .logo a {
    display: block;
    height: 8em;
    width: 9em;
}

header.home .av-iconlogo:before {
  content: "\e600";
  color:#e30e14;
  font-size:7.7em;
}

header.home .logo span {
  display:block;
  text-indent:-99999px;
  height:0;
}

.lt-ie9 header.home .logo-img .svg,
header.home .logo-img .png{
display: none;  
}

header.home .logo-img .svg,
.lt-ie9 header.home .logo-img .png{
display: block;
}

.lt-ie9 header.page .logo-img .svg,
header.page .logo-img .png{
display: none;  
}

header.page .logo-img .svg,
.lt-ie9 header.page .logo-img .png{
display: block;
}

header.page .logo {
  padding-top:1.5em;
  margin-left:30px;
}

.page .logo a {
    display: block;
    height: 8em;
    width: 9em;
}

header.page .av-iconlogo:before {
  content: "\e600";
  color:#e30e14;
  display:block;
  font-size:7.7em;
  text-indent:0px;
}

.av-iconlogo-titre:before {
    display:none;
}

header.page .logo span {
  display:none;
  text-indent:-99999px;
  height:0;
}

.affN2 {
  border-bottom:1px solid #e30e14;
  padding-bottom:0.5em;
  }  
    
.logo {
  float:left;
  margin-left:30px;
  padding-top:1.1em;
}

.onlyDesk {
  display:block;
}

.onlyTab {
  display:none;
}

.contracte {
  display:none;
}

.menu {
  display:block;
  padding-top:0;
}

.menu li {
  margin:1.2em 2% 0.5em 2%;
}

.menu li:first-child {
  margin-left:0;
}

.menu li:last-child {
  margin-right:0;
}

.menu li a {
  padding:0.6em 1em;
}

.affN2 li a {
  padding:0 1em;
}

.menuCompte {
    display:block;
    position:fixed;
    top:0;
    right:55px;
    z-index: 700;
}

.billetterieGlobale {
  display:block;
  position:static;
  float:left;
  border-right:1px solid #e30e14;
  margin-right:10px;
}

.billetterieGlobale .billetterie:before {
    content: "\e604";
    display: inline-block;
    font-family: 'logo-avignon';
    font-size: 1.2em;
    line-height: 1.5;
    padding-top: 2px;
    padding-right: 5px;
    color: #e30e14;
}

.billetterieGlobale .billetterie span {
  display: inline-block;
  text-indent: -99999px;
}

.langues {
  display:block;
  position:fixed;
  top:0;
  right:0;
  left:auto;
  border-left:1px solid #e30e14;
  border-right:none;
  margin-left: 5px;
  z-index: 700;
}

.account{
  display:block;
  position:relative;
  float:left;
  border-right:none;
}

a.login.myaccount {
  padding-left:30px;
}

.account:before {
  content:'';
  display: block;
  position: absolute;
  top:6px;
  left:0px;
  width:25px;
  height:25px;
  background-image: url(../img/svg/compte-out.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: -1;
}

.account:hover:before {
  background-image: url(../img/svg/compte-out-r.svg);
}

.account.logged:before {
  background-image: none;
}

.account.logged a.login.username:before {
  content:'';
  display: block;
  position: absolute;
  top:6px;
  left:0px;
  width:25px;
  height:25px;
  background-image: url(../img/svg/compte-in.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: -1;
}

.account.logged a.login.username:hover:before {
  background-image: url(../img/svg/compte-in-r.svg);
}

.account a.login.myaccount {
  padding-right:5px;
}

.account a.logout,
.account a.login.username,
.account.logged a.login.myaccount, .account a.logout > span{
    display: none;
}

.account.logged a.logout,
.account.logged a.login.username,
.account a.login.myaccount{
    display: block;
}

.account.logged a.logout:after {
  content:'\e907';
  display: block;
  color:#3E3E40;
  font-family: 'icons_fav' !important;
  position:absolute;
  width:25px;
  height:25px;
  font-size: 1.5em;
  top:6px;
  right:0;
}

.account.logged a.logout:before {
  content:'\e906';
  display: block;
  color:#EEE;
  font-family: 'icons_fav' !important;
  position:absolute;
  width:25px;
  height:25px;
  font-size: 1.5em;
  top:6px;
  right:0;
}

.account.logged a.logout {
  padding:0;
}

.account.logged a.username {
  padding:10px 0 10px 30px;
  margin-right:30px;
}

.account.logged a.logout:hover:before {
  color:#E30E14;
}

.account.logged a.logout:hover:after {
  color:#FFF;
}


header .rezo {
  display:block !important;
  position:fixed;
  top:7em;
  right:0;
  z-index:700;
  margin:0;
}

header .rezo li {
  float: none;
}

header .rezo li a {
  overflow: hidden;
}

header .rezo li a:hover {
  overflow: visible;
}

header .rezo li.tv {
  top:0;
  right: 0;
  position: absolute;
  width:46px;
  height:92px;
  float:none;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}

header .rezo li.tv:hover {
  width:92px;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}

header .rezo li.tv a {
  display: block;
  padding-top:20px;
}

header .rezo li.tv:hover a {
  padding-top:10px;
}

header .rezo li.tv .reduit, header .rezo li.tv:hover .large {
  display:block;
  float:none;
  padding:0;
}

header .rezo li.tv .large, header .rezo li.tv:hover .reduit {
  display:none;
}

header .rezo li.tv a img {
  border-top: 5px solid transparent;
  float:none;
  padding:0;
  display:inline;
}

header .rezo li.mpsv {
  position: absolute;
  top:94px;
  right: 0;
  float: none;
  border-top:1px solid #35332f;
  border-bottom:1px solid #35332f;
  border-left:1px solid #35332f;
  border-right:1px solid #35332f;
  width:46px;
  height:42px;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}

header .rezo li.mpsv:hover {
  width:92px;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
}

header .rezo li.mpsv a {
  display: block;
  position: absolute;
  right:0;
  width:100%;
  padding-top: 4px;
}

header .rezo li.cherche {
  position: absolute;
  top:138px;
  right:0;
  width:48px;
  height:42px;
}

header .rezo li.cherche a {
  border-top: none;
  display: block;
}

header .rezo li.facebook {
  position: absolute;
  top:185px;
  right:0;
  width:48px;
  height:38px;
}

header .rezo li.facebook a {
  display: block;
  border-top: none;
  border-left: 1px solid #35332F;
  border-right: 1px solid #35332F;
  border-bottom: none;
  height:38px;
  padding-top:11px;
}

header .rezo li.twitter {
  position: absolute;
  top:228px;
  right:0;
  height:38px;
}

header .rezo li.twitter a {
  display: block;
  border-top: none;
  border-left: 1px solid #35332F;
  border-right: 1px solid #35332F;
  border-bottom: none;
  height:28px;
  padding-top:14px;
}

header .rezo li.instagram {
  position: absolute;
  top:268px;
  right:0;
  height:42px;
}

header .rezo li.instagram a {
  display: block;
  border-top:none;
  border-left: 1px solid #35332F;
  border-right: 1px solid #35332F;
  border-bottom: none;
  height:30px;
  padding-top:12px;
}

header .rezo li.pearl {
  position: absolute;
  top:310px;
  right:0;
  height:43px;
}

header .rezo li.pearl a {
  display: block;
  border-top:none;
  border-left: 1px solid #35332F;
  border-right: 1px solid #35332F;
  border-bottom: 1px solid #35332F;
  height:32px;
  padding-top:10px;
}

header .rezo li.share {
  position: absolute;
  top:353px;
  right:0;
  height:47px;
}

header .rezo li.share a {
  display: block;
  border-top:none;
  border-left: 1px solid #35332F;
}

header .rezo li.newsletter {
  position: absolute;
  top:310px;
  right:0;
  height:47px;
  border-top: 1px solid #35332F;
}

header .rezo li.newsletter a {
  display: block;
  border-top:none;
  border-left: 1px solid #35332F;
}

header .rezo li.download {
  position: absolute;
  top:358px;
  right:0;
  height:47px;
}

header .rezo li.download a {
  display: block;
  border-top:none;
  border-left: 1px solid #35332F;
}

header .rezo li a p.roll {
  right: 75px;
  opacity: 0;
  display:block;
  -webkit-transition: opacity,right 0.1s,0.2s;
  -moz-transition: opacity,right 0.1s,0.2s;
  -ms-transition: opacity,right 0.1s,0.2s;
  -o-transition: opacity,right 0.1s,0.2s;
  transition: opacity,right 0.1s,0.2s;
}

.rezo .roll{
  pointer-events: none;
}

header .rezo li a:hover p.roll {
  opacity: 1;
  right:70px;
  -webkit-transition: opacity,right 0.2s,0.5s;
  -moz-transition: opacity,right 0.2s,0.5s;
  -ms-transition: opacity,right 0.2s,0.5s;
  -o-transition: opacity,right 0.2s,0.5s;
  transition: opacity,right 0.2s,0.5s;
}

header .rezo li.mpsv a p.roll {
  right: 85px;
}

header .rezo li.mpsv a:hover p.roll {
  right:120px;
}

header .rezo p.roll {
  position: absolute;
  top:50%;
  width:250px;
  margin-top:-0.8em;
  text-align: right;
}

header .rezo p.roll span {
  display:inline-block;
  background-color:#e30e14;
   font-family: "FuturaLTPro-MediumCond";
  font-size: 0.9em;
  line-height: 1;
  color: #FFF;
  text-transform: uppercase;
  padding:6px;
}

header .rezo p.roll:after {
  content:'';
  position:absolute;
  right:-15px;
  top:-0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 15px;
  border-color: transparent transparent transparent #e30e15;
  display: block;
}
/*/ MODIF 03/2017 /*/
section.visuel.pre,
section.visuel.pendant.prog  {
  width:100%; 
  padding-top:8em;
}

 /*/ MODIF 03/2017 /*/
section.visuel.pendant{
  padding-top:12em;
}

section.visuel.post {
  width:100%;  
  padding-top:10em;
}

section.visuel figure {
  width:990px;
  margin:0 auto;
  text-align:center;
}

section.visuel figure img {
  width:100%;
  max-width:990px;
}

section.visuel.sans img {
  display:block;
}

header .av-iconmenu2 {
  display:none;
}

footer {
  margin:0 auto;
}

footer.sans, footer.sansA {
  top:0;
}

footer .rezo a.av-iconfacebook2 {
  padding:1.2em 0.8em 1.2em 1.5em;
}

footer .centrer{
  width:930px;
  margin:0 auto;
}

footer .adresse .centrer {
  width:930px;
  margin:0 auto;
}

footer .menuPro li.presse {
  width:17%;
}

footer .menuPro li.prod {
  width:20%;
}

footer .menuPro li.telecharge {
  width:23%;
}

footer .menuPro li.lettre a span {
  margin-right:0.5em;
}

footer .menuPro li.lettre {
  width:30%;
}

footer .menuPro {
  float:left;
  width:80%;
}

footer .menuPro li {
  line-height:1.8;
  display:inline-block;
  width:auto;
}

footer .menuPro li:last-child {
  width:auto;
}

footer .lettre {
  margin-left:7em;
}

.accesLettre form ul li {
  display:inline-block;
  width:33%;
  margin-bottom:0;
}

.accesLettre form .btOk {
  text-align:center;
  margin-top:1em;
}

footer .rezo {
  display:block;
}

footer .rezo li {
  display:inline-block;
}

footer .rezoPad {
  display:none;
}

footer .adresse, footer .menuLegal {
  padding:1em 0;
}

footer .adresse p {
  float:none;
  width:100%;
  margin-bottom:0;
}

footer .menuLegal ul {
  margin-left:auto;
  margin-right:auto;
  width:930px;
}

footer .accesPresse, footer .accesPro, footer .accesLettre {
  position:static;
  width:auto;
  height:auto;
  background-color:#2f2d29;
  padding:30px;
  color:#b4aa96;
  font-size:0.9em;
  line-height:1.5;
}

footer .accesPresse > div, footer .accesPro > div, footer .accesLettre > div {
  margin-left:0;
  margin-right:0;
}

footer .accesPresse div.centre, footer .accesPro div.centre {
  margin-left:auto;
  margin-right:auto;
  width:930px;
}

footer .accesLettre > div {
  margin-left:auto;
  margin-right:auto;
  width:930px;
}

.envoiAmi {
  position:static;
  width:auto;
  height:auto;
  background-color:#2f2d29;
  padding:0;
  color:#b4aa96;
  font-size:0.9em;
  line-height:1.5;
}

.envoiAmi div.formulaire {
  width:930px;
  margin-left:auto;
  margin-right:auto;
  padding:2em 0;
}

section.actualite .blocMenu, section.agenda .blocMenu, section.infospratiq .blocMenu, section.evenement .blocMenu, section.artiste .blocMenu {
  width:990px;
  margin:0 auto;
  position:relative;
}

div.autreInfo {
  margin:0 auto;
  width:930px;
}

section.programmation .blocMenu {
  position:relative;
}

section.programmation .blocArtiste {
  position:relative;
  top:-5em;
}

section.programmation .blocArtiste.blocListeSpectacles {
  position:relative;
  top:2em;
}

section.programmation .blocAgenda {
  margin:0 auto 0 auto;
}

section .blocAgenda .onlyScreen {
  display:block;
}

section.agenda .blocAgenda .titre, section.technique .blocTech .titre {
  top:-7.2em;
}

section.technique.public .blocTech .titre {
  top:-10em;
}

section.agenda .blocAgenda .titre h2, section.technique .blocTech .titre h2 {
 display:inline-block;
 font-family: 'FuturaLTPro-MediumCond';
 font-size:2.9em;
 font-weight:normal;
 text-transform:uppercase;
 color:#e30e14;
 padding:0.5em; 
 line-height:1;
}

section .blocActu .mosa, section .blocAgenda .top2, section .blocAgenda .mosa, section .blocExpo .mosa {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section .blocExpo .mosa:after {
  content: '';
  display: block;
  clear:both;
}

section.infospratiq .blocActu .mosa {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section .blocArtiste .mosa {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section .blocActu .item, section .blocAgenda .top2 > li, section .blocAgenda .item, section .blocExpo .item, section .blocArtiste .item, section .blocRencontres .item, section.artiste .spec.trois .item, section .bloc .item, section.infospratiq .blocActu .arti .item, section.programmation .blocActu .arti .item {
  float:left;
  width:290px;
  margin-right:30px;
  padding-left:0;
  padding-right:0;
  margin-left:0;
}

section .blocActu .item.last, section .blocAgenda .top2 > li.last, section .blocAgenda .item.last, section .blocExpo .item.last, section .blocArtiste .item.last, section .blocRencontres .item.last, section.artiste .spec.trois .item.last, section .bloc .item.last, section.infospratiq .blocActu .item.last, section.programmation .blocActu .item.last {
  margin-right:0;
}

section .blocActu .item.first, section .blocAgenda .top2 > li.first, section .blocAgenda .item.first, section .blocExpo .item.first, section .blocArtiste .item.first, section .blocRencontres .item.first, section.artiste .spec.trois .item.first, section .bloc .item.first, section.infospratiq .blocActu .arti .item.first, section.programmation .blocActu .arti .item.first {
  clear:both;
}

section .blocActu .illus, section .blocArtiste .illus {
  padding:1em;
  background-color:#FFF;
}

section.actualite .blocMenuN3 {
  top:-5em;
}

section.actualite .blocMenuN3 li.titTitreSpec {
  max-width:none;
  width:auto;
}

section.actualite .blocMenuN3 li.titTitreSpec a span.scene, section.actualite .blocMenuN3Top li.titTitreSpec a span.scene {
  display:inline-block;
}

section.agenda .blocMenuN3, section.programmation .blocMenuN3.pre-conf {
   /*/ MODIF 03/2017 
  top:-13em;/*/
  top:-12.38em;
}

/*/ MODIF 03/2017 /*/
section.programmation .blocMenuN3 {
  top:-13em;
}

section.evenement .blocMenuN3, section.artiste .blocMenuN3 {
  top:-13em;
  width:930px;
  margin-left:30px;
  margin-right:30px;
}

section.agenda .blocMenuN3 a, section.agenda .blocMenuN3Top a {
    padding:0.5em 1.4em;
}

section.artiste .spec, section.evenement .spec, section .blocSpectacles .autresEditions, section .blocRencontres .sousTitre, section .blocRencontres .avant, section .blocRencontres .apres, section .blocPresente .texte, section .blocPortrait .texte, section .bloc .sousRub, section .bloc > .mosa, section .blocImages .mosa, section .blocPresente h4.chapeau {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section.agenda .blocMenuN3 li span, section.agenda .blocMenuN3Top li span {
  font-size:1em;
}

section.agenda .ongletsTV li a {
  padding:0.5em 1.5em;
}

section.agenda .blocVideo {
  background-color:#2F2D29;
  margin:2em 0;
  padding:2em 0;
}

section.agenda .blocVideo .playeurVideo {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section.agenda .mosaTv .grille {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section.agenda .mosaTv .item {
  width:290px;
  margin-right:30px;
}

section.programmation .timeline {
  top:-9em;
  width:100%;
}

.blocTop {
  width:auto;
}

section.programmation .blocTop {
  width:100%;
}

.blocTopSection {
  width:990px;
  margin:0 auto;
}

section.programmation .blocTopSection {
  position:relative;
  height:4em;
  z-index:49;
  width:100%;
}

section.actualite .blocMenuN3Top {
  top:0;
}

.blocMenuN3Top.pendant {
  top:0;
  margin-left:30px;
  margin-right:30px;
  width:930px;
}

section.programmation .blocMenuN3Top {
  top:0;
}

section.programmation .blocMenuN3Top a {
  padding:0.5em 1.5em;
}

section.programmation .blocTop .blocTypo {
  top:4em;
  position:absolute;
}

section.technique .blocTypo {
  text-align:center;
  background-color:#FFF;
  width:615px;
  margin: -9.5em auto 0 auto;
  padding: 30px 50px 10px 50px;
}

section.programmation .listeJour  {
  letter-spacing: -0.31em;
   text-rendering: optimizespeed;
   text-align:center;
}

section.programmation .listeJour div.itemJour {
  display:inline-block;
  text-align:center;
  letter-spacing: normal;
  overflow: hidden;
  text-rendering: auto;
  word-spacing: normal;
}

section.programmation .listeJour div.itemJour a {
  padding:0 0.5em;
}

section.programmation .listeJour div.itemJour a.first {
  border-left:none;
}

.blocInfoCalendrier, .blocAlerte {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section.edito .blocEdito .blocContent {
  width:930px;
  margin:0 auto;
}

section .blocAgenda .blocContent {
  margin-top:-4em;
  margin-left:auto;
  margin-right:auto;
  width:930px;
}

section.edito .blocEdito .blocIllus, section .blocAgenda .blocContent .blocIllus {
  width:290px;
  margin-right:30px;
  padding-right:0;
  padding-left:0;
}

section.edito .blocEdito .detail, section .blocAgenda .blocContent .detail {
  width:610px;
  padding-left:0;
}

.blocInfoCalendrier ul {
  padding:1em;
  height:2.3em;
}

.blocAlerte p {
  padding:1em;
}

.blocInfoCalendrier > ul li {
  float:left;
}

.blocInfoCalendrier ul li.titreCal {
  width:25%;
}

.blocInfoCalendrier ul li.cal {
  width:20%;
}

.blocInfoCalendrier ul li.detail  {
  float:left;
  width:55%;
  clear:none;
}

.blocInfoCalendrier ul li.detail p  {
  padding-top:0;
  margin-left:3em;
}

section.evenement .blocSousMenu, section.artiste .blocSousMenu {
  top:-122px;
}

section.evenement .blocMenuN3Top {
  top:0;
}

section.evenement .blocSousMenuTop, section.artiste .blocSousMenuTop {
  top:86px;
}

section .blocPratique, section .blocSpectacles, section .blocRencontres, section .blocPortrait {
  padding-bottom:2em;
}

.mobtab {
  display:none;
}

section.evenement .blocSousMenu ul.sousMenu li a, section.evenement .blocSousMenuTop ul.sousMenu li a, section.infospratiq .blocSousMenu ul.sousMenu li a, section.infospratiq .blocSousMenuTop ul.sousMenu li a {
  display:block;
  font-family: 'FuturaLTPro-MediumCond';
  text-transform:uppercase;
  color:#e30e14;
  padding:0.5em 3em 0.5em 1em;
  line-height:3;
  height:3em;
  position:relative;
}

section.evenement .blocSousMenu ul.sousMenu li a span, section.evenement .blocSousMenuTop ul.sousMenu li a span, section.infospratiq .blocSousMenu ul.sousMenu li a span, section.infospratiq .blocSousMenuTop ul.sousMenu li a span {
  vertical-align:middle;
  display:inline-block;
  line-height:1.3;
  font-size:1.2em;
  *display:inline;
  *zoom:1;
}

section.evenement .blocSousMenu ul.sousMenu li a span.av-iconplay4:before, section.evenement .blocSousMenuTop ul.sousMenu li a span.av-iconplay4:before, section.infospratiq .blocSousMenu ul.sousMenu li a span.av-iconplay4:before, section.infospratiq .blocSousMenuTop ul.sousMenu li a span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  right:1.5em;
  margin-top:-0.7em;
  top:50%;
}

section .blocPratique .detPratiques  {
  margin-left:auto;
  margin-right:auto;
  width:930px;
}

section.evenement .timeline  {
  margin-top:2em;
  margin-left:auto;
  margin-right:auto;
  width:930px;
  text-align:center;
}

section.evenement .timeline table.tableScreen {
  display:inline-block;
}

section .blocImages .contentSlide, .bloc .contentSlide  {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section .blocAudio .texte, section .blocSavoir .savoirPlus {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section .blocTourne .specTournee {
  padding-bottom:4em;
  margin-bottom:1.5em;
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section .blocTourne .specTournee li {
  float:left;
}

section .blocTourne .specTournee li.villeTournee, section .blocTourne .specTournee li.dateTournee {
  width:20%;
  padding-right:5%;
}

section .blocTourne .specTournee li.lieuTournee {
  width:45%;
  padding-right:5%;
}

section.artiste .blocMenuN3Top {
    top:0;
}

section.artiste .spec .item .illus, section.evenement .blocSpectacles .spec .item .illus {
  float:left;
  width:65%;
}

section.artiste .spec.deux .item .illus, section.artiste .spec.trois .item .illus, section.evenement .blocSpectacles .spec.deux .item .illus, section.evenement .blocSpectacles .spec.trois .item .illus {
  width:100%;
}

section.artiste .spec .item > ul, section.evenement .blocSpectacles .spec .item > ul {
  float:left;
  width:33%;
  margin-left:2%;
}

section.artiste .spec.deux .item > ul, section.artiste .spec.trois .item > ul, section.evenement .blocSpectacles .spec.deux .item > ul, section.evenement .blocSpectacles .spec.trois .item > ul {
  width:100%;
}

.blocPortrait .texte li {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  column-gap : 4em;
  -webkit-column-gap : 4em;
  -moz-column-gap : 4em;
}

section.evenement .blocCalendrier {
  width:990px;
  margin-top: 0;
  margin-left:auto;
  margin-right:auto;
  background-color:#FFF;
}

.blocCalendrier .modeEmploi {
  width:72%;
  margin-left:12%;
  margin-right:12%;
  padding:2%;
  display:flex;
  margin-top: 0;
}

.blocCalendrier .modeEmploi > div {
	width:50%;
}

.blocCalendrier .modeEmploi div.descriptif {
	padding-right:30px;
  padding-left:15px;
}

.blocCalendrier .modeEmploi .rougeVert {
	margin-bottom:0;
}

section.evenement .blocCalendrier .infos {
  width:72%;
  margin-left:12%;
  margin-right:12%;
  top:-6.5em;
  padding:2%;
}

section.evenement .blocCalendrier .infos p {
  font-size:1em;
  margin-bottom:10px;
}

.phrase14juillet {
  width:930px;
  margin:0.5em auto 1em auto;
}

section.infospratiq .blocSousMenuTop {
  top:0;
}

section.infospratiq .blocSousMenu {
  top:-2em;
}

section.infospratiq ul.sousMenu li {
  max-width:13em;
}

.bloc {
  padding-top:3em;
  padding-bottom:3em;
  position:relative;
  top:0;
}

section.infospratiq .blocActu, section.infospratiq .blocImages, section.infospratiq .blocEdito {
  padding-top:3em;
  padding-bottom:3em;
  position:relative;
  top:0;
}

.bloc .texte, .blocImages .texte {
  width:730px;
  margin-left:auto;
  margin-right:auto;
  padding-right:200px;
}

section.evenement .bloc .texte {
  width:930px;
  margin-left:auto;
  margin-right:auto;
  padding-right:0;
}

.bloc.blocEdito.arch .texte {
    width:auto;
    padding-right:0;
}

section.infospratiq .blocEdito .texte {
   max-width:600px;
}

.bloc .colonne {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

.bloc .colonne h3, .bloc .colonne p {
  margin-right:20%;
}

section.technique .blocTech .blocContent {
  margin-top:-6em;
  margin-left:0;
  margin-right:0;
  width:100%;
}

section.technique .blocTech .blocContent {
  padding-top:2em;
}

section.technique .blocTech .blocContent > p, section.technique .blocTech .blocContent > h3, section.technique .blocTech .blocContent .ligne {
  margin-left:auto;
  margin-right:auto;
  width:930px;
}

.blocTech ul.ligne li {
  float:left;
  width:16.6%;
  position:relative;
  z-index:4;
}

.blocTech .blocContent .mos ul li {
  float:left;
  width:290px;
  margin-right:30px;
  padding-bottom:2em;
}

.blocTech .blocContent .mos ul.specTournee li.villeTournee, .blocTech .blocContent .mos ul.specTournee li.dateTournee{
  float:left;
  width:20%;
  margin-right:0;
  padding-bottom:0;
}

.blocTech .blocContent .mos ul li.last {
  margin-right:0;
}

.mos {
  padding:5em 30px 30px 30px;
}

.blocTech .blocContent .texte {
  width:930px;
  margin-left:auto;
  margin-right:auto;
}

section.evenement .blocPratique, 
section.evenement .blocPresente, 
section.evenement .blocSavoir, 
section.evenement .blocTourne, 
section.artiste .blocSpectacles, 
section.artiste .blocRencontres, 
section.artiste .blocPortrait,
section.evenement .blocSpectacles,  
section.infospratiq .bloc, 
section.evenement .bloc {
  width:990px;
  margin-left:auto;
  margin-right:auto;
}

section.evenement .blocSpectacles .mosa.spec{
  padding:25px;
}

section.technique .blocTech {
  background-color:transparent;
}

section.technique.public {
   background-color:#F0F0F0;
}

section.technique .blocTech .blocContent {
  background-color:#F0F0F0;
  width:990px;
  margin-left:auto;
  margin-right:auto;
}

.blocCalendrier .maListe > div {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
}

section.evenement .blocCalendrier .titreJour h2 {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
}

section.evenement .blocCalendrier .listingJour li.itemListe ul {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
}

.blocAussi {
  margin-left: auto;
  margin-right: auto;
  width: 930px;
  position:relative;
  top:-3.2em;
}

section.evenement .blocCalendrier .envoi {
  margin-left: auto;
  margin-right: auto;
  width:990px;
  padding-left:0;
  padding-right:0;
  background-color: #F0F0F0;
}

section.evenement .blocCalendrier .envoi .centrer {
  margin-left: auto;
  margin-right: auto;
  width:930px;
}

.blocCalendrier .acheter {
  width:30%;
  margin:0 auto;
}

.texteLieu {
  margin-left: auto;
  margin-right: auto;
  width:930px;
}

.centerSlide {
   width:880px;
   margin-left:-440px;
   left:50%;
}

div.bloc.autreInfo > ul {
  width:930px;
  margin:0 auto;
}

section .blocEdito .blocContent {
    margin-left: auto;
    margin-right: auto;
    width: 930px;
}

.bdxCherche {
    position:fixed;
    top:7em;
    width:100%;
    background-color:#E30E14;
    z-index:800;
    height:12.3em;
}

.bdxCherche form {
    width:1100px;
    margin-right:auto;
    margin-left:auto;
    padding:0;
}

ul.titreRech > li, ul.filtresRech > li {
    float:left;
    margin-bottom:1em;
}

.titreRech input {
    width:33.8em;
    padding:0.3em;
}

form .filtresRech input.submit {
    width:29px;
    height:29px;
}

.filtresRech .titreListeRech {
    color: #e30e14;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 0.9em;
    padding: 0 0.3em 0 0;
    background-color:#FFF;
    margin-right:1px;
    width:auto;
}

/*martin*/
  .filtresRech .filtreRechGenre {
  width:20%;
}
/* fin martin */

div.styled {
    min-width: 8em;
    width:auto;
}

section.technique h1.resultat {
    margin-left: auto;
    margin-right: auto;
    width: 930px;
}

section.technique .ongletsRecherche {
    margin-left: auto;
    margin-right: auto;
    width: 930px;
}

.affContent ul.blocRecherche, .pagination {
    margin-left: auto;
    margin-right: auto;
    width: 930px;
}

}

@media only screen and (min-width:1130px) {
  
  /*martin*/
  .blocPortrait .ligne_site {
    margin-left:8.8%;
    margin-right:12.2%; 
  }


  /* fin martin */

  section.evenement .blocCalendrier {
  width:1130px;
  margin-left:auto;
  margin-right:auto;
  background-color:#FFF;
}

section.evenement .blocCalendrier .envoi {
  margin-left: auto;
  margin-right: auto;
  width:1130px;
  padding-left:0;
  padding-right:0;
}

section.evenement .blocPratique, 
section.evenement .blocPresente, 
section.evenement .blocSavoir, 
section.evenement .blocTourne, 
section.artiste .blocSpectacles, 
section.evenement .blocSpectacles, 
section.artiste .blocRencontres, 
section.artiste .blocPortrait, 
section.infospratiq .bloc, 
section.evenement .bloc {
  width:1130px;
  margin-left:auto;
  margin-right:auto;
}

section.technique .blocTech .blocContent {
  width:1130px;
}

section.technique .blocTech .blocContent .ligne {
  margin-left:auto;
  margin-right:auto;
  width:1070px;
}

.alerteMoulinette div.centre,
.alerteModale div.centre, .confirmFermerStormModale div.centre {
  width:30%;
  margin-top:-10em;
  margin-left:-14em;
  top:50%;
  left:50%;
  height:auto;
  padding:4%;
  transform: none;
}

.centerSlide {
   width:1000px;
   margin-left:-500px;
   left:50%;
}

}


@media only screen and (min-width:1250px) {
  .centerSlide {
   width:1130px;
   margin-left:-565px;
   left:50%;
}

}

/* cas grand desktop */

@media only screen and (min-width:1790px) {
  
.screenSmall {
  display:none;
}

.screenBig, .fil.screenBig {
  display:block;
}
  
section.visuel figure {
  width:90%;
  margin:0 auto;
  text-align:center;
}

section.visuel.post figure {
  width:1750px;
  margin:0 auto;
  text-align:center;
}

section.visuel.pendant figure {
  width:990px;
  margin:0 auto;
  text-align:center;
}

section.visuel figure img {
  width:90%;
  max-width:1900px;
}

section.visuel.post figure img {
  width:100%;
  max-width:1750px;
}

section.visuel.pendant figure img {
  width:100%;
}

header .av-iconmenu2 {
  display:none;
}

footer {
 width:100%;
}

footer .menuPro li.presse {
    width: 10%;
}

footer .menuPro li.prod {
    width: 11%;
}

footer .menuPro li.telecharge {
    width: 10%;
}

footer .centrer {
 width:96%;
 margin:0 2%;
}

footer .accesPresse div.centre, footer .accesPro div.centre, footer .accesLettre > div {
 margin-left:0;
 margin-right:0;
 width: 100%;
}

footer .adresse .centrer {
  margin: 0 2%;
  width: 96%;
}

footer .menuLegal ul  {
  margin: 0 2%;
  width: 96%;
}

section .blocActu .mosa, section .blocAgenda .affBig, section .blocExpo .mosa, section.programmation .blocAgenda .mosa, section.programmation .blocArtiste .mosa, section.technique .blocAgenda .mosa {
  margin-left: auto;
  margin-right: auto;
  width:1750px;
}

section.infospratiq .blocActu .mosa {
  margin-left: auto;
  margin-right: auto;
  width:1750px;
}

section .blocAgenda .affBig {
  /*/ MODIF 03/17 
  margin-top: -3em;*/
  margin-top: 2em;
}

section .blocAgenda .affBig .mosa {
  width:1390px;
  float:left;
  margin-top:0;
}

section .blocAgenda .affBig .fil.screenBig {
  width:310px;
  float:left;
}

div.fil {
  margin-left:50px;
  margin-right:0;
}

section .blocActu .item, section .blocAgenda .item, section .blocExpo .item, section .blocArtiste .item, section.infospratiq .blocActu .arti .item {
  float:left;
  width:310px;
  margin-right:50px;
  padding-left:0;
  padding-right:0;
}

section .blocActu .item.first, section .blocAgenda .item.first, section .blocExpo .item.first, section .blocArtiste .item.first, section.infospratiq .blocActu .arti .item.first {
  clear:none;
}

section .blocActu .item.firstBig, section .blocAgenda .item.firstBig, section .blocExpo .item.firstBig, section .blocArtiste .item.firstBig, section.infospratiq .blocActu .arti .item.firstBig {
  clear:both;
}

section .blocActu .item.last, section .blocAgenda .item.last, section .blocExpo .item.last, section .blocArtiste .item.last, section.infospratiq .blocActu .arti .item.last {
  margin-right:50px;
}

section .blocActu .item.lastBig, section .blocAgenda .item.lastBig, section .blocExpo .item.lastBig, section .blocArtiste .item.lastBig, section.infospratiq .blocActu .arti .item.lastBig {
  margin-right:0;
}

section .blocActu .illus, section .blocArtiste .illus, section .blocActu.blocFabActu .illus {
  padding:1.2em;
  background-color:#FFF;
}

section .blocActu .illus img, section .blocActu.blocFabActu .illus img {
  width:183px;
  height:185px;
}

section .blocArtiste .illus img {
  width:183px;
  height:183px;
}

section.edito .blocEdito {
  width:100%;
  margin:0 auto;
}

section.edito .blocEdito {
  padding-top:1.5em;
}

section.edito .blocEdito .blocContent {
  margin-left:auto;
  margin-right:auto;
  width:1750px;
}

section.edito .blocEdito .blocIllus {
  width:310px;
  margin-right:50px;
  padding-right:0;
  padding-left:0;
}

section.edito .blocEdito .detail {
  width:75%;
  padding-left:0;
}

section.edito .blocEdito .detail .texte {
  max-width:900px;
}

section.agenda .itemAgenda .mob {
  display:block;
}

footer .accesPresse, footer .accesPro, footer .accesLettre {
  padding:30px 50px;
}

section.programmation .blocArtiste {
  margin-left:auto;
  margin-right:auto;
  width:1750px;
}

.blocArtiste a.item.texteSeul.noTopBig {
    border-top:none;
}

}

/* martin */
.blocMenuN3 .last-child {
   border-right: 1px solid #e30e14;
} 
/* fin martin */


/* web tv */
/*
.webtv {
  background-color: #2f2d29;
}

.webtv nav {
  background-color: transparent;
}

.webtv > header {
  height:8em;
}

.webtv header .rezo {
  top:2.6em;
}

.webtv header .lienRetour a:before {
  content:'';
  display:block;
  background-image: url('../img/svg/fleche-gauche.svg');
  background-repeat: no-repeat;
  background-position: 0 0;
  width:20px;
  height:38px;
  float:left;
  margin-right: 1em;
}

.webtv header div.lienRetour {
  position: static;
  margin:1em 1em 1em 4%;
}

.webtv header div.lienRetour a {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.1em;
  color:#FFF;
  text-transform: uppercase;
  line-height: 2.2em;
  font-weight: normal;
}

.webtv h1.titreWebTv a {
  display: block;
  position: static;
  margin:0.5em 0 0 0;
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.6em;
  color:#FFF;
  text-align: center;
  width:100%;
  text-transform: uppercase;
  font-weight: normal;
}*/

.webtvContent .videoUne {
  position: relative;
}

.webtvContent .videoDeux {
  position: relative;
  width:100%;
  float:none;
}

.webtvContent article figure img {
  display: block;
}

.webtvContent .center {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
}

.webtvContent .center h1, .mosaique h1 {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.6em;
  color:#FFF;
  padding:0;
  margin:0;
  text-transform: uppercase;
  font-weight: normal;
}

.webtvContent .videoDeux .center h1 {
  font-size: 1.3em;
}

.mosaique h1 {
  font-size: 1.1em;
}

.webtvContent .center figure img {
 display: block;
}

.webtvContent .center header, .mosaique header, .webtvContent .fiche header {
 height: auto;
}

.webtvContent .center .date, .mosaique .date {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.1em;
  color:#FFF;
  padding:0;
  text-transform: uppercase;
  font-weight: normal;
}

.mosaique .date {
  font-size: 1em;
}

.webtvContent .center .triangleBig {
  padding:1em;
}

.webtvContent .center .triangleSmall {
  padding:0.5em;
}

.webtvContent .center .triangleBig img {
  width:30px;
}

.webtvContent .center .triangleSmall img {
  width:20px;
}

.blocRubTv, .blocTagTv {
  width:92%;
  margin:4% auto;
  text-align: center;
}

.blocRubTv .rubriques, .blocTagTv .tags {
  display: none;
}

.blocTagTv .tags.fiche {
  display: block;
}

.blocTagTv .tags.fiche li {
  display: inline-block;
}

.blocRubTv p, .blocTagTv p {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1em;
  text-transform: uppercase;
  text-align: left;
  color: #FFF;
}

.blocRubTv .blocTrimob li.titToutMenu span.av-iconplay4:before, .blocTagTv .blocTrimob li.titToutMenu span.av-iconplay4:before {
  font-family: 'logo-avignon';
  content: "\e812";
  font-size:0.7em;
  position:absolute;
  left:1em;
  top:0.7em;
  color: #FFF;
}

.blocRubTv .blocTrimob li.titToutMenu span.tit, .blocTagTv .blocTrimob li.titToutMenu span.tit {
  padding-left:1em;
  display:inline-block;
  vertical-align:middle;
  line-height:1.8;
  color:#FFF;
}

.blocRubTv .blocTrimob, .blocTagTv .blocTrimob {
  border: 1px solid #808080;
  padding: 0.2em;
}

.blocRubTv .blocTrimob, .blocTagTv .blocTrimob {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.1em;
  color:#808080;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 1em;
  text-align: left;
  position: relative;
}

.blocRubTv .filtreMenu, .blocTagTv .filtreMenu {
  padding-left: 1em;
  margin-bottom: 1em;
}

.blocRubTv .rubriques a {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.3em;
  color:#808080;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 1em;
}

.blocRubTv .rubriques a.ici, .blocTagTv .tags a.ici {
  color:#FFF;
}

.blocTagTv .tags a {
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.1em;
  color:#808080;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 1em;
}

.blocRubTv .rubriques li a.ici.av-iconplay-top:after, .blocTagTv .tags li a.ici.av-iconplay-top:after {
  font-family: 'logo-avignon';
  content: "\e80f";
  font-size:0.7em;
  position:absolute;
  bottom:-0.2em;
  left:50%;
  margin-left:-0.5em;
  color:#FFF;
}

.blocRubTv .rubriques a span {
  display: inline-block;
  padding: 0.5em 0;
}

.blocTagTv .tags a span {
  display: inline-block;
  padding: 0.4em 0;
}

.mosaique {
 width:92%;
 margin:4% auto;
}

.row {
 margin:0 -10px;
}

.mosaique article {
  position: relative;
  float:none;
  padding:0 10px;
  width:100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-bottom: 30px;
}

.mosaique article:nth-child(2n+3) {
  clear: none;
}

.mosaique article figure {
  position:relative;
  margin-bottom: 0.5em;
}

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

.mosaique article a {
  position: absolute;
  width:100%;
  height:100%;
  top:0;
}

.webtvContent .blocVideo {
  margin:0 0 1em 0;
  padding:0;
}

.webtvContent .blocVideo .playeurVideo {
 max-width:1300px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
}

.webtvContent .blocVideo .playeurVideo .videoWrapper {
   height:0;
   padding-bottom: 56.25%;
}

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

.webtvContent .fiche header h1 {
  text-align: center;
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.8em;
  color:#FFF;
  padding:0;
  margin:0;
  text-transform: uppercase;
  font-weight: normal;
}

.webtvContent .fiche .date {
  text-align: center;
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.3em;
  color:#FFF;
  padding:0;
  text-transform: uppercase;
  font-weight: normal;
}

.webtvContent .content {
  background-color: #f0f0f0;
}

.content div.wrap {
  width:92%;
  margin-right: auto;
  margin-left:auto;
  padding:50px 0;
}

.content div.wrap p {
  font-family: 'Arial';
  line-height: 1.6;
  font-size: 16px;
  margin-bottom: 20px;
}

.webtvContent h2 {
  text-align: center;
  font-family: 'FuturaLTPro-MediumCond';
  font-size: 1.5em;
  color:#000;
  padding:0;
  text-transform: uppercase;
  font-weight: normal;
  background-color: #f0f0f0;
  padding-bottom:1em;
}

/*
.webtv footer {
  border-top:1px solid #e3e3e3;
  color:8a8a8a;
  background-color: #f0f0f0;
}

.webtv footer a.av-iconplay3:before {
  color:#adadad;
}*/


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

/*
.webtv > header {
  height:6em;
}

.webtv h1.titreWebTv a {
  display: block;
  position: absolute;
  font-size: 1.8em;
  top: 0.3em;
}

.webtv header div.lienRetour {
  position: absolute;
  top:0.5em;
  left:2%;
  margin:1em 1em 1em 0;
  z-index: 4;
}*/

.blocRubTv .rubriques, .blocTagTv .tags {
  display: block;
  font-family: "sans-serif";
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}

.blocRubTv .rubriques li, .blocTagTv .tags li {
  display: inline-block;
  letter-spacing: normal;
  overflow: hidden;
  position: relative;
  text-rendering: auto;
  word-spacing: normal;
}

.blocRubTv, .blocTagTv {
  width:96%;
  margin:2% auto;
}

.blocRubTv p, .blocTagTv p {
  display: none;
}

.mosaique {
 width:96%;
 margin:2% auto;
}

.webtvContent .center h1 {
  font-size: 1.8em;
}

.webtvContent .videoDeux {
  position: relative;
  width:50%;
  float:left;
}

.mosaique article {
  float: left;
  width:50%;
}

.mosaique article:nth-child(2n+3) {
  clear: left;
}

.mosaique article:nth-child(3n+4) {
  clear: none;
}

.webtvContent .fiche header h1 {
  font-size: 2.8em;
}

.content div.wrap {
  width:930px;
  margin-right: auto;
  margin-left:auto;
  padding:50px 30px;
}

}

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

/*
.webtv header div.lienRetour {
  left:1em;
}*/

.webtvContent .center h1 {
  font-size: 2.5em;
}

.webtvContent .videoDeux .center h1 {
  font-size: 1.8em;
}

.mosaique h1 {
  font-size: 1.3em;
}

.webtvContent .center .date, .mosaique .date {
  font-size: 1.3em;
}

.mosaique .date {
  font-size: 1.1em;
}

.blocRubTv, .blocTagTv {
  width:930px;
  margin:1em auto;
}

.mosaique {
 width:930px;
 margin:2em auto;
}

.mosaique article {
  width:33.333%;
}

.mosaique article:nth-child(3n+4) {
  clear: left;
}

.mosaique article:nth-child(2n+3) {
  clear: none;
}

.aussi {
  max-width:1200px;
  margin-right: auto;
  margin-left:auto;
  padding:0;
}

}




/* popin de Une  */

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

.infopop {
  text-align: center;
  border: 1px #e30e14 solid;
  font-family: 'Arial';
  font-size: 14px;
  line-height: 1.6;
  background-color: #FF893D;
  position: absolute;
  top:0;
  left:0;
  color:#2F2D29;
  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;
}

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

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

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

}


/* newsletter */

.blocContent div.formulaire {
  width:92%;
  margin-left:4%;
  margin-right:4%;
  padding:2em 0;
}

section.technique .blocTech .blocContent div.formulaire p {
  margin-bottom: 3px;
  padding-bottom: 0;
  font-size: 0.9em;
}

section.technique .blocTech .blocContent div.formulaire ul {
  margin-top: 20px;
}

section.technique .blocTech .blocContent div.formulaire li {
  margin-bottom: 20px;
}

.blocContent div.formulaire form .champs {
    background-color: #FFF;
    border: medium none;
    padding:5px;
    width: 240px;
}

.blocContent div.formulaire form .submit {
    background-color: #e30e14;
    border: medium none;
    color: #fff;
    padding:0.2em 0.5em;
    width: 250px;
    font-family: "FuturaLTPro-MediumCond";
    font-size: 1.1em;
    margin-top: 20px;
}

.blocContent div.formulaire  p.legende {
    margin-top: 10px;
}

@media only screen and (min-width:700px) {
.blocContent div.formulaire {
  width:96%;
  margin-left:2%;
  margin-right:2%;
  padding:2em 0;
}
}


@media only screen and (min-width:990px) {
.blocContent div.formulaire {
  width:930px;
  margin-left:auto;
  margin-right:auto;
  padding:0;
}

  .theatre-cont {
    margin-left: 30px!important;   
  }
}

.affContent article header h1, .affContent article .date {
  color:#666;
}


/*/ AJOUT MODIFS 03/2017 /*/

/*/ BANDEAU INFOS /*/
.blocAgenda .top2{
  padding-top:2em;
}

.infos-actus{
  width: 100%;
  background-color: #2F2D29;
  padding: 1.5em 0;
  margin-top:-6em;
}

.infos-actus.post,
.infos-actus.pre{
  padding: 1.5em 0;
  margin-top:-3em;
  padding-top:4em;
}

.infos-actus .inner{
    width: 930px;
    margin: 0 auto;
}

.infos-actus .inner::after{
  display:block;
  content:"";
  clear:both;
}

.infos-actus .title{
    font-family: 'FuturaLTPro-MediumCond';
    font-size: 1.5em;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    display:block;
    margin-bottom:.5em;
}

.infos-actus .thumb{
  width:20%;
  float:left;
}

.infos-actus .thumb img{
  width:100%;
}

.infos-actus .text{
  color: #b4aa96;
  font-family: 'Arial';
  font-size:.9em;
  width:75%;
  float:left;
  padding-left:25px;
  line-height:1.3em;
}

.infos-actus .text .av-iconplay3{
  margin-top:1.5em;
}

/*/ PICTO BILLETERIE /*/
.titBillet .billetterie::before,
.titProg .billetterie::before{
    content: "\e604";
    font-family: 'logo-avignon';
    font-size: .9em;
    line-height: 1.5;
    padding-right: 0.6em;
}

  section.actualite .blocMenuN3 > li.titBillet, 
  section.actualite .blocMenuN3Top > li.titBillet {
    display:inline-block;
    text-align:center;
    letter-spacing: normal;
    overflow: hidden;
    text-rendering: auto;
    word-spacing: normal;
  }

  section.actualite .blocMenuN3 li.titBillet a, 
  section.actualite .blocMenuN3Top li.titBillet a {
    display:block;
    font-family: 'FuturaLTPro-MediumCond';
    text-transform:uppercase;
    padding:0.5em 2.6em 0.5em 1.6em;
    line-height:3;
    height:3em;
    border-right:1px solid #e30e14;
    border-top:1px solid #e30e14;
    border-bottom:1px solid #e30e14;
  }

section.agenda .titBillet .billetterie span.av-iconplay3{
  padding-left:.5em;
  position:relative;
  top:-3px;

}

/*/ PRE PROG /*/

section.programmation .blocMenuN3 > li.titProgramme a, 
section.programmation .blocMenuN3 > li.titTelechargement a,
section.programmation .blocMenuN3Top > li.titProgramme a,
section.programmation .blocMenuN3Top > li.titTelechargement a{
  color:#fff;
}

section.programmation .blocMenuN3 > li.titProgramme a span.av-iconplay3, 
section.programmation .blocMenuN3 > li.titTelechargement a span span.av-iconplay3{
  left:.5em;
  top:-.2em;
  position:relative;
}

section.programmation .blocMenuN3 li.session,
section.programmation .blocMenuN3Top li.session{
  display:block;
  max-width:970px;
  margin:auto;
  border-top:1px solid #fff;
  padding:.8em 0;
  color:#fff;
}

section.programmation .blocMenuN3 li.session .start{
  text-align:right;
}

section.programmation .blocMenuN3 li.session .end{
  text-align:left;
}

section.programmation .blocMenuN3 li.sessionDate{
  padding:1em;
  padding-bottom:.8em;
  display:block;
  max-width:300px;
  margin:auto;
  text-transform: uppercase; 
  font-family: 'FuturaLTPro-Medium';
  font-size:.8em;
  letter-spacing:.01em;
}

section.programmation .blocMenuN3 li.sessionDate .infoSession{
  font-family: 'FuturaLTPro-MediumCond';
  display:block;
  font-size:2em;
}

section.programmation .blocMenuN3 li.session .inner_text{
  text-align:left;
  font-family: 'FuturaLTPro-Medium';
  text-transform: uppercase;
  font-size:.7em;
  color: #660000;
  letter-spacing: 0.05em;
  padding-left:5px;
}

section.programmation .blocMenuN3 li.session .inner_text input{
  background-color:transparent;
  border:none;
  display:block;
  color:#fff;
  text-transform:uppercase;
  font-family:'FuturaLTPro-MediumCond';
  letter-spacing:0.02em;
  font-size:1.2em;
}

section.programmation .blocMenuN3 li.session .av-iconcalendrier1:before {
    content: "\e607";
    font-family: 'logo-avignon';
    font-size: 2em;
}

.blocArtiste.blocListeSpectacles{
  opacity:1;
}

.picker__footer{
  display:none;
}

.picker__frame{
  font-family: 'FuturaLTPro-Medium';
}
.picker .info{
  font-size:12px;
  margin-bottom:10px;
  color:#E30E14;
}

.picker__box{
  border-radius:0!important;
  box-shadow:none!important;
}

@media only screen and (min-width:1790px){
  .infos-actus .inner{
    width: 1390px;
  }

  .infos-actus .text{
    padding-left:0;
  }

  .infos-actus .thumb img{
    width: auto;
    max-height:150px;
  }
}

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

  .infos-actus .inner{
      width: auto;
      margin: 0 auto;
      padding:0 25px;
  }
}



@media only screen and (max-width:750px){
  .titBillet .billetterie::before, 
  .titProg .billetterie::before {
    display:none;
  }
}



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

  section.visuel.pendant {
    padding-top: 6em;
  }

  section.visuel.pendant.prog {
    padding-top: 1em;
  }

  section.programmation .blocMenuN3.pre-conf {
    top: -17em;
  }

  section.programmation .blocMenuN3 li.sessionDate .infoSession{
    font-size:1.5em;
  }

  section.programmation .blocMenuN3 > li.titTelechargement{
    display: block;
    float: none;
    clear: both;
  }

  .session .start{
    border-right:1px solid #fff;
  }

  .session .start,
  .session .end{
    padding:10px 15px;
    display:block;
    width:50%;
    float:left;
    box-sizing: border-box;
  }


  section.programmation .blocMenuN3 li.titParDate, 
  section.programmation .blocMenuN3 li.titParLieu{
    width:33.33333%;
  }

  section.programmation .blocMenuN3 li.session, 
  section.programmation .blocMenuN3Top li.session{
    width:100%;
    padding:0;
  }
  
  section.programmation .blocMenuN3 > li.titProgramme{
    display:none;
  }

  section.programmation .blocMenuN3 > li.sessionDate{
    display: block;
    float: none;
    max-width:100%;
    border:none;
    position:relative;
  }

  section.programmation .blocMenuN3 li.session .av-iconcalendrier1:before{
    font-size:1.5em;
  }

  section.actualite .blocMenuN3 li.edition a,
  section.actualite .blocMenuN3 li.titBillet a, 
  section.actualite .blocMenuN3Top li.titBillet a{
    padding-left: .7em;
    padding-right: .7em;
    font-size: .9em;
  }

  section.actualite .blocMenuN3 li.edition a span.av-iconplay-top{
    top:-.5em;
    left:1.3em;
    position:relative;
  }

  section.actualite .blocMenuN3 li.titBillet a .av-iconplay3{
    margin-left:.5em;
  }


  /*/ PENDANT MOBILE /*/
  section.agenda .blocMenuN3mob li.titJourMob{
    padding: 1em 0;
    float: left;
    width:49%;
  }

  section.agenda .blocMenuN3mob li.titJourMob a{
    border-right:none;
    text-align: center;
    margin:0;
  }

  section.agenda .blocMenuN3mob li.titBillet{
      width: 50%;
      float: left;
  }

  section.agenda .blocMenuN3mob li.titBillet a{
      width: 100%;
      padding:.5em .5em .3em;
  }

  section.agenda .blocMenuN3mob li.titToutMenu{
    width:50%;
    position:relative;
  }

  section.agenda .blocMenuN3mob li.titToutMenu a{
     padding:.5em .5em .3em 0;
  }

  /*/ PRE MOBILE /*/
  section.actualite .blocMenuN3 .edition a span.compteur, 
  section.actualite .blocMenuN3Top .edition a span.compteur{
    font-size:2.5em;
  }

  .infos-actus .thumb{
    width:auto;
    float:none;
  }

  .infos-actus .text{
    padding:25px 0 0;
    width:auto;
  }
}

/*/ IPHONE 5 /*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  .session .start, .session .end {
    width: 50%;
    position:relative;
    float:left;
    box-sizing:border-box;
  } 

  .session span.datepicker{
    position:absolute;
    right:8px;
    top:20px;
  }

  section.programmation .blocMenuN3 li.session .av-iconcalendrier1:before{
    font-size: 1.2em;
  }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   section.programmation .blocMenuN3 li a span, 
  section.programmation .blocMenuN3Top li a span{
    padding-right:10px;
  }

  section.programmation .blocMenuN3 > li.titProgramme, 
  section.programmation .blocMenuN3Top > li.titProgramme{
    padding:0 15px;
  }

  section.actualite .blocMenuN3 li a, 
  section.actualite .blocMenuN3Top li a{
      padding: 0.5em 1.8em 0.5em 1.6em;
  }

}

@media only screen and (max-width:1150px){
  section.programmation .blocTypo .typologie, 
  section.technique .blocTypo .typologie{
    height:auto;
  }
}

@media only screen and (min-width:700px) and (max-width:768px){
  section.programmation .blocMenuN3 a{
    padding:.5em 0;
  }
}

@media only screen and (min-width:700px) and (max-width:960px){
 section.visuel.pendant {
    padding-top: 10em;
  }

  section.visuel.pendant.prog {
    padding-top: 1em;
  }

  section.programmation .blocMenuN3.pre-conf {
    top: -20em;
  }

   section.programmation .blocMenuN3 li.sessionDate{
    max-width:100%;
  }

  section.programmation .blocMenuN3 li.sessionDate .infoSession{
    font-size:1.5em;
  }

  section.programmation .blocMenuN3 > li.titTelechargement{
    border-bottom:1px solid #fff;
    display: block;
    float: none;
    clear: both;
  }

  section.programmation .blocMenuN3 li.session, 
  section.programmation .blocMenuN3Top li.session{
    padding:0;
  }

  .session .start{
    border-right:1px solid #fff;
  }

  .session .start,
  .session .end{
    padding:10px 15px;
    display:block;
    width:50%;
    box-sizing:border-box;
    position:relative;
    float:left;
  }

  section.programmation .blocTypo .typologie, 
  section.technique .blocTypo .typologie{
        height: 6.2em;
  }
}

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

  .menuCompte {
    display:block;
    position:absolute;
    top:8px;
    right:60px;
    z-index: 700;
  }

  nav .menuCompte {
    display:none;
  }

  .billetterieGlobale {
    display:block;
    position:static;
    float:left;
    border-right:none;
    margin-right:13px;
  }

  .billetterieGlobale .billetterie:before {
    content: "\e604";
    display: inline-block;
    font-family: 'logo-avignon';
    font-size: 1.2em;
    line-height: 1.5;
    padding-top: 1px;
    padding-right: 5px;
    color: #e30e14;
  }

  .billetterieGlobale .billetterie span {
    display: inline-block;
    text-indent: -99999px;
  }

  .account{
   /* display:none;*/
    display: block;
    position: relative;
    float: left;
    text-indent:-99999px;
    min-width:25px;
    min-height:25px;
  }

  .account:before {
  content:'';
  display: block;
  position: absolute;
  top:5px;
  left:0px;
  width:25px;
  height:25px;
  background-image: url(../img/svg/compte-out.svg);
  background-repeat: no-repeat;
  cursor: pointer;
}



.account:hover:before {
  background-image: url(../img/svg/compte-out-r.svg);
}

.account.logged:before {
  top:2px;
  background-image: url(../img/svg/compte-in.svg);
}

.account.logged:hover:before {
  background-image: url(../img/svg/compte-in-r.svg);
}

.account a.logout,
.account a.login.username, .account.logged a.login.username, .account.logged a.logout {
    display: none;
}

.account a.login.myaccount, .account.logged a.login.myaccount {
  display: block;
  position: absolute;
  text-indent:-99999px;
  min-width:25px;
  min-height:25px;
  padding:0;
}


}


@media only screen and (max-width:700px){
  section.programmation .blocMenuN3.pre-conf li.titProgAnnee{
      border-bottom:none;
      border-top:1px solid #fff;
  }
}

@media only screen and (min-width:960px) and (max-width:989px){
   section.visuel.pendant {
    padding-top: 10em;
  }

  section.programmation .blocMenuN3.pre-conf  {
    top: -20em;
  }
}

@media screen and (max-width:960px){
  .visible-xs{
    display:block!important;
  }

  .hidden-xs{
    display:none!important;
  }
}


@media screen and (min-width:960px){
  .visible-xs{
    display:none!important;
  }

  .hidden-xs{
    display:inline-block!important;
  }
}

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

  .infos-actus{
    margin-top:0;
   }

  .blocAgenda .mosa, .blocArtiste .mosa, .blocSpectacles .mosa {
    margin-left: 4%;
    margin-right: 4%; 
    width: 92%; 
  }

}

/*/ FIN MODIFS 03/2017 /*/

/*  2018 infos pratiques carte  */

#map {
  width: 100%;
  height: 350px;
  margin-bottom:20px;
}

.leaflet-fixed-pane {
  top:auto;
  right:auto;
  bottom: 0;
  left: 0;
  width:100%;
}

.popup-fixed {
  position: absolute;
  width:94%;
  top: auto;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  transform: none !important;
  margin:0 3% 3% 3%;
  border-radius: 0;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.leaflet-popup-content-wrapper {
  width:100%;
  border-radius:0;
  box-shadow: none;
}

.leaflet-popup-tip-container {
    display: none;
}

.leaflet-popup-content {
  width:100%;
  height: 100px;
  margin:0;
}

.leaflet-popup-content .imgPop {
  display:none;
}

.leaflet-popup-content .textPop {
  margin:10px;
}

.leaflet-popup-content .titreTypoPop {
  font-family: 'Arial';
  font-size:1.2em;
  font-weight:normal;
  color:#e30e14;
  line-height:1;
  text-decoration: underline;
  margin:10px 0;
}

.leaflet-popup-content .titrePop {
  font-family: 'Arial';
  font-size:1.2em;
  font-weight:normal;
  color:#e30e14;
  line-height:1;
  margin:10px 0;
  text-decoration: underline;
}

.leaflet-popup-content .infoPop {
  margin-top: 2px;
  margin-bottom: 5px;
}

.leaflet-popup-content .btPop {
  display: none;

}

@media (min-width:768px){
  #map {
  height: 550px;
  margin-bottom:40px;
  }

.leaflet-fixed-pane {
  top:0;
  right:0;
  bottom: auto;
  left: auto;
  width:100%;
}

.popup-fixed {
  width:auto;
  top: 0;
  left: auto !important;
  right: 0 !important;
  bottom: auto !important;
  margin:0;
  box-shadow: none;
}

.leaflet-popup-content .titreTypoPop {
  font-family: 'FuturaLTPro-MediumCond';
  font-size:1.5em;
  font-weight:normal;
  color:#e30e14;
  line-height:1.2;
  text-transform:uppercase;
  text-decoration: none;
}

.leaflet-popup-content .titrePop {
  font-size:2em;
  line-height:1.2;
  text-decoration: none;
}

.leaflet-popup-content {
  width:290px;
  height: 550px;
  margin:0;
}

.leaflet-popup-content .infoPop {
  margin-top: 10px;
  margin-bottom: 30px;
}

.leaflet-popup-content .imgPop {
  display:block;
}

.leaflet-popup-content .textPop {
  margin:35px;
}

.leaflet-popup-content .btPop {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;

}

}

/*  2018 infos pratiques venir à avignon   */

.venir-flex-container {
  display: none;
}

.bt-venir {
  margin:0px;
  padding:0;
  width: 100%;
  height: 60px;
  text-align: left;
}

.bt-venir span {
  width:80%;
  padding-left: 20%;
  position:absolute;
  font-family: 'Arial';
  font-size: 0.9em;
  color: #e30e14;
  top:25px;
  left:0px;
  bottom:auto;
  text-align: left;
}

.bt-venir:hover span, .bt-venir.open span {
  color:#FFF;
}

.bt-venir > div {
    position: relative;
    padding-bottom: 0;
    background-color: #F0F0F0;
    cursor: pointer;
    height:60px;
    border-top:1px solid #E30E14;
}

.bt-venir.last > div {
   border-bottom:1px solid #E30E14;
}


.bt-venir > div:hover, .bt-venir.open > div {
  background-color: #E30E14;
}

.bt-venir > div > svg {
  width: 10%;
  top:50%;
  left:10px;
  transform: translateY(-50%);
  position: absolute;
}

.bt-venir:hover > div > svg *, .bt-venir.open > div > svg *  {
  fill:#FFF;
}

.bt-venir span.av-iconplay4:after {
    display: block;
    position: absolute;
    font-family: 'logo-avignon';
    content: "\e812";
    color: #e30e14;
    font-size: 0.9em;
    top:50%;
    transform: translateY(-50%);
    right:20px;
}

.bt-venir:hover span.av-iconplay4:after, .bt-venir.open span.av-iconplay4:after {
    color: #FFF;
}

.texte.infoVenir {
  display: none;
  width:92%;
  margin: 0 auto 0 auto;
  padding:10px;
  background-color: #FFF;
}

@media (min-width:700px){

 .venir-flex-container {
  width: 96%;
  margin: 0 2% 30px 2%;
  padding: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
}

.venir-flex-container .flex-item {
  margin:0 5px;
  padding: 0;
  width: 90px;
  height: 100px;
  margin-top: 10px;
  text-align: center;
  flex-grow: 1;
}

.venir-flex-container .flex-item:first-child {
  margin-left:0;
}

.venir-flex-container .flex-item:last-child {
  margin-right:0;
}

.venir-flex-container .flex-item span {
  width:100%;
  position:absolute;
  font-family: 'Arial';
  font-size: 0.9em;
  color: #e30e14;
  text-align: center;
  top:auto;
  left:0;
  bottom:10px;
}

.venir-flex-container .flex-item:hover span, .venir-flex-container .flex-item.open span {
  color:#FFF;
}

.venir-flex-container .flex-item > div {
  position: relative;
  padding-bottom: 80%;
  height: auto;
  background-color: #FFF;
  cursor: pointer;
}

.venir-flex-container .flex-item > div:hover, .venir-flex-container .flex-item.open > div {
  background-color: #E30E14;
}

.venir-flex-container .flex-item > div > svg {
  width: 30%;
  top:30%;
  left:50%;
  margin: 0px;
  transform: translate(-50%,-50%); /* tiré de la moitié de sa propre hauteur */
  position: absolute;
}

.venir-flex-container .flex-item > div:hover > svg *, .venir-flex-container .flex-item.open > div > svg * {
  fill:#FFF;
}

.venir-flex-container .flex-item span.av-iconplay4:after {
    display: block;
    margin-top: 5px;
    font-family: 'logo-avignon';
    content: "\e812";
    color: #e30e14;
    font-size: 0.7em;
}

.venir-flex-container .flex-item:hover span.av-iconplay4:after, .venir-flex-container .flex-item.open span.av-iconplay4:after {
  color: #FFF;
}

.texte.infoVenir {
  width:92%;
  margin: 0 2% 0 2%;
  padding:2%;
}

}

@media (min-width:990px){

  .venir-flex-container {
  width: 930px;
  margin: 20px auto 0 auto;
}

.venir-flex-container .flex-item {
  margin:0 10px;
  }

.texte.infoVenir {
  width:860px;
  margin: 55px auto 0 auto;
  padding:35px;
}

}

.bloc.venirbloc {
  padding-bottom: 6em;
}

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

html.iframeOpen, body.iframeOpen {
  height:100%;
  overflow: hidden;
}

div#billetterie_ol{

    position: fixed; 
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(128,128,128,0.5); /* color */
    display: none;
    z-index: 1001;

}
div#billetterie_ol div.modal{

    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    backface-visibility: hidden;
    z-index: 900;
}




@media (min-width:660px){

div#billetterie_ol div.modal{
    width: 660px;
}

div#billetterie_ol div.modal{
  -moz-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.2);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=180, Strength=10);
  }

}

/* container de l'iFrame  */

div#billetterie_ol div.modal div.if_ctnr{
  position:fixed;
  right:0;
  bottom:0;
  top:50px;
  background: url('../img/picto/ajax-loader.gif') center center no-repeat;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* iFrame  */

#billetterie_if{
  width:100%;
  height:100%;
  border: none;
}


/* div#billetterie_ol .olclose{ */
/*     position: absolute; */
/*     top: 15px; */
/*     right: 15px; */
/*     width: 30px; */
/*     height: 30px; */
/*     border: none; */
/*     line-height: 30px; */
/* } */
/* div#billetterie_ol .olclose::after{ */
/*     content: "+"; */
/*     display: inline-block; */
/*     font-size: 3em; */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
/*     -webkit-transform: rotate(45deg); */
/*     -moz-transform: rotate(45deg); */
/*     -ms-transform: rotate(45deg); */
/*     -o-transform: rotate(45deg); */
/*     transform: rotate(45deg); */
/* } */
/* .olclose span{ */
/*     display: inline-block; */
/*     text-indent: -99999px; */
/* } */

div.if_header {
    height: 50px;
    background-color: white;
    padding: 0;
    margin: 0;
}
div.if_header>.av-iconolclose, div.if_header>.av-iconolcloseAlerte {
    display: inline;
    position: relative;
    cursor: pointer;
    padding: 0 0 0 0;
    top: 16px;
    left: 25px;
    z-index: 10;
}
div.if_header .av-iconolclose:before, div.if_header .av-iconolcloseAlerte:before {
    color: #666;
    font-size: 20px;
    font-weight: bolder;
}

div.if_header .av-iconolcloseAlerte p {
    display: inline-block;
    font-size: 0.9em;
    font-family: 'Arial';
    line-height: 1.2;
    color: #e30e14;
    margin-left:3em;
    font-weight: bold;
    float:right;
    width:70%;
    margin-top: 0em;
}

@media (min-width:660px){
  div.if_header .av-iconolcloseAlerte p {
    width:80%;
    margin-top: 1.2em;
  }
}

div.bgloader{
    background: url('../img/picto/ajax-loader.gif') center center no-repeat;
}

a.sauvparcours{
    cursor: pointer;
}

button {
    font-family: 'FuturaLTPro-MediumCond';
    background-color: #e30e14;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 0.5em;
    font-size: 1.1em;
    cursor: pointer;
}
button:hover {
    background-color: #696969;    
}
button:disabled{

      background: #ccc;
      cursor: none;
}
.hidden{
    display: none !important;
}

.center{
    margin-left: 4%;
    margin-right: 4%;
    width:92%;
}

.landing .center{
    max-width: 30em;
}
.landing .center>div{
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #2f2d29;
}
.landing .center>div.bold{   
    font-weight: bold;
}

@media (min-width:660px){
.center{
    margin-left: auto;
    margin-right: auto;
}
.landing .center>div{
    font-size: 16px;
}
}

.landing .reserver a.login {
	background-color: #e30e14;
}

.landing .reserver a.login span {
	color: #FFF;
}

.landing .reserver span.av-iconplay3:after {
	color:#FFF;
}

.landing .reserver a.login:hover {
	background-color: #FFF;
}

.landing .reserver a.login:hover span {
	color: #e30e14;
}

.landing .reserver a.login:hover span.av-iconplay3:after {
	color:#e30e14;
}

.landing .site a:hover {
	background-color: #FFF;
}

.landing .site a:hover span {
	color: #e30e14;
}

.landing .site a:hover span.av-iconplay2:before {
	color:#e30e14;
}

body.landing{
  background-color: #f7b5b9;  /*2019*/
  /*  background-color: #b3c4d4;*/
}

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

.landing .logo-img {
  width:15em;
  height:7em;
  margin-top:5%;
  margin-left:auto;
  margin-right:auto;
  background-image: url("../img/content/logo-FA-img.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 40%;
}

.alerteMoulinette div.centre, .alerteModale div.centre, .confirmFermerStormModale div.centre {
  display:block !important;
  position:absolute;
  width:92%;
  height:auto;
  background-color:#FFF;
  margin-top:4%;
  margin-left:4%;
  margin-right:4%;
  margin-bottom:4%;
  padding-top:60px;
  padding-bottom:60px;
  top:50%;
  left:0;
  color:#696969;
  font-family:'Arial';
  text-align:center;
  transform:translateY(-70%);
}

}

