/*CSS PAGE EVENT*/


/*empecher le scrolling horizontal sur la page*/
#et-main-area {
overflow-x: hidden;
overflow-y: auto;
}
/* CSS régler position icon billetterie sur téléphone */
  @media screen and (max-width: 1088px) {
    #et-main-area {
      margin-top:81px!important;
    }
  }   
/* Style btn navigation footer */
  .tribe-events-nav-pagination .tribe-events-sub-nav li a{
    background:transparent!important;
  }

/*CSS CREDIT PHOTO*/
#credit {
display:block;
position: absolute!important;
right:0%!important;
bottom:0%;
margin-bottom: 75px !important;
margin-right: -75px !important; 
}

/*CSS SCROLL DOWN ICON*/
#scroll-down-icon {
position:absolute!important;
left:0;
margin-top:-50px!important;
z-index:1!important;  
}
  #scroll-down-icon #et-boc{
    font-size:60px!impoortant;
  }


/*---- CTA Billetterie ----*/
/*Menu flottant CSS*/
#billetterie-CTA{
  z-index:999993;
  position:absolute!important}
#billetterie-CTA .menu-flottant {
    width:14em;
    float: right;
    position:fixed;
    top: 50%; /* Il sera à 40% du bord supérieur de l'écran*/
    font-size: 1em; /* Taille de la police*/
    line-height: 2px; /* Hauteur de ligne du menu*/
    color: #fff; /* Couleur de la police*/
    font-weight:700; /* Mettre le texte en gras*/
    text-transform:uppercase; /* Mettre le texte en majuscule*/
    right: -10em; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/
}
.menu-flottant ul {
    list-style: none; /* Le menu est une liste, mais je ne veux pas afficher les puces*/
    margin: 0; /* Choix des marges internes et externes*/
    padding: 0;
}
.menu-flottant ul li {
    display:block; /* Définition des items en tant que bloc*/
    background-color: #160f66; /* Couleur de fond*/
    height: 3.5em; /* Hauteur des items du menu*/
    padding: 1em 1.5em; /* Marges internes des items du menu*/
    position: relative; /* On leur attribut une position relative*/
    -webkit-transition: -webkit-transform 0.5s; /* Effet de déplacement au passage de la souris*/
    -moz-transition: -webkit-transform 0.5s; /* On le définit plusieurs fois pour assurer la compatibilité entre les navigateurs*/
	transition: transform .5s;
}
/*Couleurs de fond des items du menu*/
.menu-flottant ul li:nth-child(1) { 
	background-color: #ee4323; /* 1er item du menu*/
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
} 
/* Création de la transformation CSS qui permet d'afficher le menu au passage de la souris*/
.menu-flottant ul li:hover {
    -webkit-transform: translateX(-10em);
    transform: translateX(-10em);
}
/* Mise en forme des liens du menu*/
.menu-flottant ul li a {
    display:block; /* On les définit en tant que bloc*/
    color: #FFF!important; /* Couleur du texte*/
    text-decoration: none; /* On ne veut pas qu'ils soient soulignés par exemple*/
    position: absolute; /* On leur attribut une position absolue*/
    font-size:1em; /* Taille de la police*/
    line-height: 1.5em; /* Hauteur de ligne*/
    height:2em; /* Hauteur*/
    top:0; /* Positionnement*/
    bottom:0;
    right: 0.2em;
    margin:0 auto;
    padding:1em 1.5em;
} 
/* Mise en forme des icônes du menu*/
  .menu-flottant ul li span {
    float: left;  /* On les cale à gauche */
    line-height: 1.5em; /* Hauteur de ligne */
    height:2em;
    padding-bottom: 1em;
    margin-left: -0.3em;
  }  
.menu-flottant .flaticon-ticket::before {
margin-left: -2px!important;
display: block;
font-family: 'Flaticon'!important;
content:"\f100";
font-size:23px;
float:left;
color:white;
}

 /*Correctif The Event Calendar PrO*/
  #tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
    padding:0px!important;
  }