/* Surcharge CSS si les cinémas du groupe ont une charte différente */

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@300..700&display=swap');



@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


@font-face {
    font-family: 'Euphorigenic';
    src: url('../font/Euphorigenic.otf') format('opentype');
}



.h1, h1, h2, .titrepage h1, .carousel-caption H1 {
     font-family: 'Euphorigenic', sans-serif;
	text-transform: inherit;
    /*line-height: 3rem;*/
	margin-bottom: 10px;

}

html, body {font-family:  "IBM Plex Sans Condensed", sans-serif;
 }

.content-img, .content-video {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.film-detail-contenu h1 {
   
      font-family: 'Euphorigenic', sans-serif;
	text-transform: inherit;
  
}


.carousel-item img {-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}

.selecteur-semaine-fleches a {
    color: #fff00f !important;
	text-decoration: none;
}

.auj_cell2 .Erakys_bulle_detail:hover {
   
   background-color: white;
}




@media (min-width: 991px){
	
.fixed-top {margin-top: 10px;}	
	
	
.fixed-top #logo-cine {
    height: 100px !important;
	
}

.carousel-inner {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
border-radius: 15px;}

}


.mini-carrousel .carousel-indicators li.active {
    background-color: #fff00f;
}

.EK-sommaire {

    border-left: 10px solid #fff00f;
  }


.bt-car-resa {
    background-color: #fff00f;
	color: #000;
}

 @media ( min-width : 1200px) {
	 
	 
	 #menu-principal .nav-item .nav-link {
    
    font-family:  "Fira Sans Condensed", sans-serif;
   
}


	 #menu-principal .nav-item .nav-link:hover {
		 border-bottom: 4px solid #fff00f;}
	 
	#menu-principal .jaune .nav-link:hover {
		border-bottom: 4px solid #fff00f !important;}

	#menu-principal .rose .nav-link:hover {
		border-bottom: 4px solid #fff00f!important;}

	#menu-principal .bleu .nav-link:hover {
		border-bottom: 4px solid #fff00f !important;}

	#menu-principal .gris .nav-link:hover {
		border-bottom: 4px solid #fff00f !important;}
  
}

 .float-right a {
    color: #fff00f !important;
}
 


.jour-seance, .heure-seance {
   
    border-right: 4px #000 solid;
	background-color: #181717;
}
	 
.color-jour, .color-heure {
    background-color: #dedede;
    color: #000;
}

 .central .rounded-circle:hover {
     border: 10px solid #fff00f; display: inline-block;
}
 
 .auj-cell {
    background-color: #fff00f !important;
    border-top: 10px solid #fff00f !important;
	
}

.color-jour.auj-cell {
    border-top: 10px solid #fff00f !important;
	color: #000 !important;
}

 .menu-express {
     background-color: #fff00f !important;
}

 .menu-express:hover {
     background-color: #fff00f !important;
}


 .btn-erakys:hover {
    background-color: #fff00f;
    border-color: #fff00f;
}
 
 

 @media ( max-width : 1023px) {
	 
     #actualiteCarousel .carousel-indicators li {
         background-color: rgb(147 147 147 / 17%)
    }
     #actualiteCarousel .carousel-indicators li.active {
         background-color: #fff00f;
    }
    
}


 @media ( min-width : 1200px) {
     
    .EK-sommaire {
		border-left: 10px solid #fff00f;
	}
       
}
 
 .btn-R:hover {
     background-color: #fff00f;
	border-color: #fff00f;
}
 

 .Erakys_bulle_detail:hover {
    border-color: #fff00f;  
}

/* regie */

.auj_cell2 {
    background-color: #fff00f;
}


@media ( max-width : 990px) {
	
	.menu-outils-cache a {
    color: #fff00f !important;
    
}
	
	.EK-detail-film {
    border-left: 5px solid #fff00f; 
}
	
.achatRapide::before {
    color: #fff00f;
}

.rechercher::before {
    color: #fff00f;
}
 
 .inscriptionNewsletter::before {
    color: #fff00f;
}

 
.telechargerProgrammePDF::before {
    color: #fff00f;
}

}


.row.content.film-detail-img-content {
border-left: 20px solid #fff00f;
}


.nom-cine-legende {
  
	border: 2px dashed #fff00f;
}


.mod-cine-horaires-jour .horaireSelect {
    background-color: #fff00f;  
	color: black;
}


.EK-separateur-10 {
	    border-bottom: 10px #fff00f solid;
}



.film-filtres-horaires a:hover {text-decoration:none !important; color:#fff00f;}


.horairePassif:hover {
     background-color: #fff00f; 
}


.bloctexteimage12 div:nth-child(1) .content-texte {
    border-left: 0px;
    padding-left: 60px;
    margin-left: 10px;
    background-image: url(../bulles/mimo.png);
    background-repeat: no-repeat;
}

.bloctexteimage12 div:nth-child(2) .content-texte {
 
   border-left: 0px;
    padding-left: 60px;
    margin-left: 10px;
    background-image: url(../bulles/mimo.png);
    background-repeat: no-repeat;
}

.EK-mise-en-avant {
   border-left: 0px;
    padding-left: 60px;
    margin-left: 10px;
    background-image: url(../bulles/mimo.png);
    background-repeat: no-repeat;
}

.formulaire_contact  {
   
   border-left: 0px;
    padding-left: 60px;
    margin-left: 10px;
    background-image: url(../bulles/mimo.png);
    background-repeat: no-repeat;
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255 240 15 / 100%)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


@media (max-width: 992px){
#cine-mob {
   width: 140px;
}}



.horaireSelSemaine a, .horaireSelSemaine a:hover {
    color:  #fff00f !important;
	
}


@media (min-width: 991px){
	
	
body {
    font-size: 1.2rem;
}

.h1, h1, h2, .titrepage h1 {
    
    line-height: 5rem;
}




.fixed-top2 #logo-cine {
    height: 60%;
    
}


.nav-link {
    font-size: 22px !important;


}


.etape {
    background-color: #fff00f;
	color: #000;
}


.glyphicon-flash {
    color: #000 !important;
}

.menu-express .case-menu-contenu-hover .txt-case {
    color: #000 !important;
}

}

@media screen and (max-width: 990px) and (orientation: landscape) {
.EK-carrousel {
   height: 100vh !important;
   object-fit: inherit !important;
   
}

.main-carrousel {
    width: 100vw !important;
}
}


.\33 D .Erakys_bulle_detail .version {
    background-color: #0000d0 !important;

}

.VOST .Erakys_bulle_detail .version, .VO .Erakys_bulle_detail .version {
    background-color: #009900;
	
}