/* 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');

html, body, .h1, h1, h2, .titrepage h1, .carousel-caption H1 {
     font-family:  "Fira 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: "Fira Sans Condensed", 'Quattrocento Sans', sans-serif;
  
}


.carousel-item img {-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}

.selecteur-semaine-fleches a {
    color: #cc9900 !important;
	text-decoration: none;
}

.auj_cell2 .Erakys_bulle_detail:hover {
   
   background-color: white;
}




@media (min-width: 991px){
.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: #cc9900;
}

.EK-sommaire {

    border-left: 10px solid #cc9900;
  }


.bt-car-resa {
    background-color: #cc9900;
	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 #cc9900;}
	 
	#menu-principal .jaune .nav-link:hover {
		border-bottom: 4px solid #cc9900 !important;}

	#menu-principal .rose .nav-link:hover {
		border-bottom: 4px solid #cc9900!important;}

	#menu-principal .bleu .nav-link:hover {
		border-bottom: 4px solid #cc9900 !important;}

	#menu-principal .gris .nav-link:hover {
		border-bottom: 4px solid #cc9900 !important;}
  
}

 .float-right a {
    color: #cc9900 !important;
}
 


 @media ( min-width : 1024px) {
	 

 .central .rounded-circle:hover {
     border: 10px solid #cc9900; display: inline-block;
}
 
 .auj-cell {
    background-color: #cc9900 !important;
    border-top: 10px solid #cc9900 !important;
}

.color-jour.auj-cell {
    border-top: 10px solid #cc9900 !important;
}

 .menu-express {
     background-color: #cc9900 !important;
}

 .menu-express:hover {
     background-color: #cc9900 !important;
}


 .btn-erakys:hover {
    background-color: #cc9900;
    border-color: #cc9900;
}
 }
 

 @media ( max-width : 1023px) {
	 
     #actualiteCarousel .carousel-indicators li {
         background-color: rgb(147 147 147 / 17%)
    }
     #actualiteCarousel .carousel-indicators li.active {
         background-color: #cc9900;
    }
    
}


 @media ( min-width : 1200px) {
     
    .EK-sommaire {
		border-left: 10px solid #cc9900;
	}
       
}
 
 .btn-R:hover {
     background-color: #cc9900;
	border-color: #cc9900;
}
 

 .Erakys_bulle_detail:hover {
    border-color: #cc9900;  
}

/* regie */

.auj_cell2 {
    background-color: #cc9900;
}


@media ( max-width : 990px) {
	
	.menu-outils-cache a {
    color: #cc9900 !important;
    
}
	
	.EK-detail-film {
    border-left: 5px solid #cc9900; 
}
	
.achatRapide::before {
    color: #cc9900;
}

.rechercher::before {
    color: #cc9900;
}
 
 .inscriptionNewsletter::before {
    color: #cc9900;
}

 
.telechargerProgrammePDF::before {
    color: #cc9900;
}

}


.row.content.film-detail-img-content {
border-left: 20px solid #cc9900;
}


.nom-cine-legende {
  
	border: 2px dashed #cc9900;
}


.mod-cine-horaires-jour .horaireSelect {
    background-color: #cc9900;  
	color: black;
}


.EK-separateur-10 {
	    border-bottom: 10px #cc9900 solid;
}



.film-filtres-horaires a:hover {text-decoration:none !important; color:#cc9900;}


.horairePassif:hover {
     background-color: #cc9900; 
}


.bloctexteimage12 div:nth-child(1) .content-texte {
     border-left: 20px solid #cc9900;
}

.bloctexteimage12 div:nth-child(2) .content-texte {
 
    border-left: 20px solid #cc9900;
}

.EK-mise-en-avant {
    border-left: 20px solid #cc9900;
}

.formulaire_contact  {
   
    border-left: 20px solid #cc9900;
}

.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(204 153 0 / 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:  #cc9900 !important;
	
}


@media (min-width: 991px){
	
	
	






.fixed-top2 #logo-cine {
    height: 60%;
    
}


.nav-link {
    font-size: 22px !important;


}


.etape {
    background-color: #cc9900;
	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;
	
}





