@charset "utf-8";
 @IMPORT url("https://fonts.googleapis.com/css?family=Pathway+Gothic+One");
 @IMPORT url('https://fonts.googleapis.com/css?family=Montserrat:300,700,500,400');
 @IMPORT url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:wght@400');
 @IMPORT url('https://fonts.googleapis.com/css2?family=Chonburi&family=Quattrocento+Sans:wght@400;700&display=swap;');
.navbar-inverse .navbar-toggler {
    border-color: rgba(255,255,255,.5);
}


.navbar {

    padding: 0.8rem 1rem;
}


.menu-express .case-menu-contenu-hover .txt-case { color:#fff !important;}
.maskTwiter {
    display: none;
}

.menu-vignettes {
    display: none;
}

.content {
    line-height: 1.5rem;
}

.mention-plus { display:none !important;position: absolute;
    bottom: 40px;
    z-index: 0;}


.btsite {
    float: right;
    text-align: right;
    right: 0;
    width: 150px;
    /*display: none;*/
}
.changer {     width: 70%;
    margin-left: 20px;
    margin-top: 5px;}
.fixed-top {
    background-color: #ba1416 ;
}

/*.bt--bandeannonce, .bt--reservation { display:none;}*/

.fiche-film-ba-in {
	padding-top: 10px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

li.nav-item.moun a {color: #a9d7f1 !important; font-weight:bold;}

.search-page .margeur .mention-vignette-max, .search-page .margeur-petit .mention-vignette-max, .search-page .margeur-full .mention-vignette-max {

    margin-left: 10px;
    position: absolute;
}

.blog .col-lg-12, .blog2 .col-lg-12 {     padding-right: 0px;
    padding-left: 0px;}
.carousel-caption a, .carousel-caption a:focus, .carousel-caption a:hover, .carousel-caption {
    color: #fff;
    text-decoration: none;
	font-size: 0.9rem;
}

#calGamme { display:none;}
.margeur-petit .duree-petit { display:none;}
.text-muted {
    color: #000!important;
}
.bt-car-resa {
   
    background-color: #ba1416;
   
}


a {
    color:rgb(44 57 61);
    text-decoration: none;
}

a.Erakys_select_seance {
    color: #000;
}

a:focus, a:hover {
    color: #000 !important;
    font-weight: 900;
    text-decoration: underline;
}

.zone-info-film{ left: 8px;
   }
   
.zone-info-film-detail { left: 0px;
   }
   	
.margeur-petit h3 { color:#000 !important;}

.margeur hr {
    clear: both;
}

.genre-film .mention-vignette-max { display:none !important;}
.margeur .rea-film { display:none;}

 
/*.margeur .version .mention-vignette-max { display:none;} 
.margeur-petit .genr { display:none;}  
.layout-aff-full .genr { display:none;}*/
 
.zone-mention-vignette-max .zone-extra { display:none;}
 
.zone-extra-hover  .mention-vignette-max { display:block;}


.margeur-full .typeGenre, .margeur-petit .typeGenre {
  
    font-size: 10px;
}
 
.layout-aff-full .mention-vignette-max { display:block;}
.aff-genre-new {
    background-color: red;
    position: absolute;
    bottom: 10px;
    z-index: 0;
    /* width: 100%; */
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
}
 

li.nav-item {
     font-size: 0.9rem;
}

.typeGenre {
background-color: #2b2a2a; padding:5px!important; text-transform: uppercase; font-weight:bold; font-size:12px;     color: #fff; display: none;}

.H-new .btn-vignette { padding: 10px 10px !important;}

img#clic-footer-img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

img#clic-footer-img:hover {
    filter: none;
    -webkit-filter:none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}

.content-img-100, .content-video-100 {
    width: 100%;
}

.content-img, .content-video {
    max-width: 100%;
    max-height: 100%;
}

.bloc {
    padding-bottom: 15px;
}

 .zone-img {
     padding-bottom: 10px !important;
}
 .float-right {
     float: right !important;
     padding-right: 20px;
}
 .titreC {
     padding-left: 0px;
     padding-right: 0px;
}
 .slideInDown {
     animation-duration: 1s;
     animation-fill-mode: both;
     animation-name: slideInDown;
}
 .fixed-top2 {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
     -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
     -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
     background-color: #ba1416;
	color: #fff;
}
 .h1, h1 {
     font-size: 1.8rem;
	 font-family: 'Quattrocento Sans', sans-serif;
}
 body {
     padding-bottom: 0rem;
}
 footer {
     padding-top: 20px !important;
     width: 100% !important;
     /*background: #000 !important;*/
     margin-top: 0px;
     padding-bottom: 20px;
}
 .carousel-indicators li {
     height: 5px;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     border-radius: 50px;
}
 @media ( max-width : 768px) {
     .titre-tous-films {
         display: none;
    }
     .mini-carrousel .carousel-indicators {
         display: none;
    }
     .mini-carrousel {
         margin-bottom: 0px !important;
    }
}
 @media ( min-width : 768px) {
     .nav-film {
         display: none;
    }
}
 @media ( min-width : 576px) {
     .container {
         width: 100%;
         max-width: 100%;
    }
}
 .imgpub {
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
}
 .img-L-T {
     width: 100%;
     padding-right: 5px;
     padding-bottom: 5px 
}
 .img-T {
     width: 100%;
     padding-bottom: 5px 
}
 .img-B {
     width: 100%;
     padding-top: 5px 
}
 .img-R-T {
     width: 100%;
     padding-left: 5px;
     padding-bottom: 5px 
}
 .img-L-B {
     width: 100%;
     padding-right: 5px;
     padding-top: 5px 
}
 .img-R-B {
     width: 100%;
     padding-left: 5px;
     padding-top: 5px 
}
 .imgpub:hover {
     filter: none;
     -webkit-filter: none;
     -moz-filter: none;
     -ms-filter: none;
     -o-filter: none;
}
 .glyphicon-flash {
     color: #fff  !important;
}
 .mini-carrousel .carousel-indicators li {
     background-color: rgba(255, 255, 255, 0.17);
}
 .mini-carrousel .carousel-indicators li.active {
     background-color: #a71134;
}
 .mini-carrousel .carousel-item {
     height: 253px;
     background-color: transparent;
}
 .pad0 {
     padding-left: 0px !important;
     padding-right: 0px !important;
}
 .form-control {
       background-color: #ffffff;
    color: #000;

}
 .form-control:focus {
     border-color: #3e3279;
}
 .crochet {
     color: #7796a6;
     font-weight: 300;
}
 .titre-affiche {
     font-weight: 300;
     font-size: 1rem;
     float: left;
     padding: 5px;
     letter-spacing: 0.3em;
     color: #fff;
}
 .titre-affiche-center {
     font-weight: 300;
     font-size: 1rem;
     text-align: center;
     padding: 5px;
     letter-spacing: 0.3em;
     /*color: #fff;*/
     padding-left: 0px;
     padding-right: 0px;
}
 .titre-tous-films {
     font-weight: normal;
     font-size: 0.7rem;
     float: right;
     padding: 4px;
     padding-top: 3px;
     padding-bottom: 3px;
     background-color: #b21524;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #fff;
     text-align: center;
}
 .titre-tous-films2 {
     font-weight: normal;
     padding: 10px;
     padding-top: 3px;
     padding-bottom: 3px;
     background-color: #b21524;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-size: 0.7rem;
     color: #fff;
     margin-left: 15%;
     margin-right: 15%;
     text-align: center;
     width: 70%;
     display: inline-block;
}
 .titre-tous-films:hover {
     background-color: #7796a6;
     cursor: pointer;
}
 .erk-play {
     position: absolute;
     z-index: 1001;
     left: 45%;
     top: 35%;
     width: 100px;
}
 .navbar-inverse .navbar-nav .nav-link {
     color: rgba(255, 255, 255, 1);
}
 .zone-affilm {
     position: relative;
}
 .crochet-caroussel {
     font-size: 2.5rem;
     color: #7796a6;
}
 .titre-blog {
     font-size: 1.7rem;
     background-color: transparent;
     color: #000;
}
 .titre-blog, .titrepage h1 {
    
     text-transform: uppercase;
     font-size: 1.7rem;
     line-height: 1.4em;
     margin-top: 0px;
	 font-family: 'Quattrocento Sans', sans-serif;
	     margin-bottom: 15px;
}



.film-detail-contenu h1:before, .orejime-Notice-title:before {content:"";}

.carousel  h1:before {

  content:none;

}

 @media ( min-width : 1200px) {
	 
	 
	 
	 #menu-principal .nav-item .nav-link:hover {
		 border-bottom: 4px solid #ba1416;
	 }
	 
	
#menu-principal .jaune .nav-link:hover {
    border-bottom: 4px solid #7796a6 !important;
}

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

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

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

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


#menu-principal .noir .nav-link {
	     border-bottom: 4px solid #000!important;
 }

	 
	 #menu-principal .nav-item .nav-link {
		 border-bottom: 4px solid #ffffff;
		font-family: 'Quattrocento Sans', sans-serif;

	 }
	 
	 
	 



	  #menu-principal .dropdown-menu .nav-item .nav-link:hover,  #menu-principal .dropdown-menu .nav-item .nav-link {
		 border-bottom: none;
	 }
	 
	 
     .container {
         width: 1024px;
         max-width: 100%;
    }
}
 #myCarousel .btn-primary {
     margin-top: 6px;
}
 .carousel-caption {
     z-index: 10;
     bottom: 7rem;
     right: 4rem;
}
 .float-right a {
     color: #000000;
}
 .margeur-petit .date-pro-cache {
     display: none;
}
 .margeur-petit .sorties-f {
     right: 2px !important;
}
 .menu-vignettes-recherche {
     display: none !important;
}
 .pagination {
     margin-left: 45%;
     padding-top: 10px;
	 position: relative;
    clear: both;
}

.pagination li { display:inline-block; margin: 5px;}

.pagination li a { color:#fff;}

 .clic-horaire-fiche-film {
     display: none;
}
 html, body {
     font-family: 'Quattrocento Sans', sans-serif;
     line-height: 1.3;
}
 .navbar-brand {
	    font-family: 'Quattrocento Sans', sans-serif;
}
 @media ( max-width : 1023px) and (min-width: 643px) {
     .container {
         width: 100% !important;
         max-width: 100%;
    }
}
 @media ( min-width : 1023px) and (max-width: 1024px) {
     .mini-carrousel .carousel-indicators {
         bottom: -40px;
    }
}
 @media ( max-width : 1023px) {	 	 .mention-plus-mob { display:inline-block; clear:both; margin-bottom:20px;font-size: 10px;
    padding: 5px;
    margin-top: 5px;} 
     .esp-pub .bonPlan {
         padding-top: 0px;
         padding-bottom: 0px;
         padding-left: 0px;
         padding-right: 5px;
    }
     .esp-pub .bonPlan2 {
         padding-top: 0px;
         padding-bottom: 0px;
         padding-left: 5px;
         padding-right: 0px;
    }
}
 @media ( min-width : 1024px) {
     .esp-pub .bonPlan {
         padding-top: 0px;
         padding-bottom: 0px;
         padding-left: 0px;
         padding-right: 0px;
    }

.film-detail-img .erk-play { left: 30%;
    top: 30%;}

}
 @media ( min-width : 1023px) and (max-width: 1200px) {
     .mini-carrousel .margeur-petit .mention-vignette-max {
         margin-bottom: 5px !important;
         margin-left: 5px !important;
    }
	.mini-aff {
    position: relative;
}

}

.container.container-main {
    margin-top: 27px;
}

 @media ( min-width : 1024px) {
     .container {
         width: 1024px !important;
         max-width: 100%;
    }
     .navbar-brand {
         font-size: 1rem;
         display: none;
    }
    
    .container.container-main {
    	margin-top: 140px !important;
	}
	
	.linear-gradient {
	  /*background: linear-gradient(to bottom, #cecece8a, #fff);
	  margin-top: 30px;
  	  height: 10px;*/
	}
	
}
 .blog-thumbnail img {
     max-width: 100% !important;
     height: auto !important;
}
 .sigle img {
     width: inherit !important;
     height: inherit !important;
}
 .list-recherche {
     padding-bottom: 15px;
}
 .list-recherche .form-control {
     background-color: #7796a6!important;
}
 option {
     background-color: #fff;
     color: #000;
}
 img.actu_film_image {
     margin-right: 3px;
}
 .Erakys_suite a {
     color: #fff;
}
 .Erakys_suite {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #fff;
     background-color: #7796a6!important;
     display: inline-block;
     padding: 5px;
     margin: 5px;
     clear: both;
}
 .form-fond {
        background-color: #f9f9f9;
    padding: 15px;
}
 .newsletter-page h3 {
     font-size: 22px;
     padding-left: 10px;
}
 .newsletter-page h2 {
     font-size: 22px;
     padding-left: 10px;
}
 .central .rounded-circle:hover {
     border: 10px solid #ba1416; display: inline-block;
}
 .btn-form {
     float: right;
}
 .featurette {
     clear: both;
}
 .col-auj {
     background-color: #ba1416 !important;
     color: #fff !important;
}
 .auj-cell {
    background-color: #ba1416 !important;
    font-weight: bold;
    border-top: 10px solid #ba1416 !important;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     color: #fff !important;
}

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


 .aff-gd-jour, .jourj-mob {
     display: none;
}
 .pad-zero-right {
     padding-right: 0px;
}
 .pad-zero {
     padding-left: 0px !important;
     padding-right: 0px !important;
}
 .fiche-film-div {
     padding-left: 0px !important;
}
 .container {
     padding-right: 0px;
     padding-left: 0px;
	 margin-top: 5px;
}
 .div-horaire .aff-gd-jour {
     display: block;
}
 .div-horaire .jour-mob {
     font-weight: bold;
     font-size: 25px;
     line-height: 12px;
}
 .div-horaire .jourj-mob {
     font-weight: bold;
     font-size: 25px;
     line-height: 18px;
}
 .div-horaire .jourj-mob {
     display: block;
}
 .aff-film-horaire {
     position: relative;
}
 .aff-film-horaire .mention-vignette-max {
     left: 15px !important;
}
 .esp-fiche-horaire {
     padding-bottom: 30px;
}
 .fiche-sortie {
     display: none;
}
 .row {
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
width:100%;
justify-content: center;
}

.cinefilmcompo {
    justify-content: left;
}
 .pad-normal {
     padding-left: 0px !important;
     padding-right: 0px !important;
}
 footer {
     width: 100%;
}
 .version-film {
     background-color: #000;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     color: #fff;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 2px;
     padding-bottom: 2px;
     margin: 2px;
     width: auto;
     display: inline-block;
     border: 1px solid #fff;
     float: right;
     font-size: 10px;
}
 .rea-film {
     font-size: 10px;
     margin-bottom: 20px;
}
 .layout-aff-full .genre-film {
     color: #000;
}
 .genre-film {
   color: #000;
    font-size: 12px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.esp-fiche-horaire .margeur .version, .esp-fiche-horaire .margeur .genre-film{
    background-color: #706363;
	color:#fff;
}

 .margeur-petit .version {
     margin-top: 10px;
}
 .carousel-indicators {
     bottom: -8px;
}
 .dropdown-menu {
     -webkit-border-radius: 5px;
     -webkit-border-top-left-radius: 1px;
     -webkit-border-top-right-radius: 1px;
     -moz-border-radius: 5px;
     -moz-border-radius-topleft: 1px;
     -moz-border-radius-topright: 1px;
     border-radius: 5px;
     border-top-left-radius: 1px;
     border-top-right-radius: 1px;
     border-color: transparent;
        background-color: #fff;
     top: 80%;
	     text-align: center;
}
 .genre {
     display: none;
}
 .layout-aff-full .genre {
     display: inline-block;
}
 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.show>a:hover, .navbar-inverse .navbar-nav>.show>a:focus {
     /*color: #fff !important;*/
}
 .dropdown-menu .divider {
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
     background-color: #e5e5e5;
}
 .dropdown-menu a {
     color: #fff;
     padding-left: 10px;
}
 .dropdown-menu>li>a {
     display: block;
     padding: 3px 20px;
     clear: both;
     font-weight: 400;
     line-height: 1.42857143;
     color: #fff;
     white-space: nowrap;
}
 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
     color: #000;
     font-weight; 700;
     text-decoration: none;
     /*background-color: #680d2d;*/
}
 #menu-option {
     min-width: 30px;
     position: absolute;
     right: 10px;
     top: 250px;
     position: fixed;
     z-index: 1031;
     -webkit-animation-name: bounceInUp;
     animation-name: bounceInUp;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 #foot-text, #foot-text>.dynContentNap p {
     color: #fff;
     text-align: right !important;
     padding-right: 10px;
     width: 100%;
     margin-top: 15px;
     font-size: inherit;
     margin-bottom: inherit;
}
 #foot-mob {
     display: none;
}
 #foot-text a {
     color: #ba1416;
}
 #foot-text a:hover {
     color: #ba1416;
}
 .carousel {
     margin-bottom: 10px;
}
 #div-google-twit {
     float: left;
     margin-left: 7px;
}
 #erakys {
     /*text-align: center;*/
     font-size: 12px;
     color: #c2b8a6;
}
 #erakys a {
     /*text-align: center;*/
     font-size: 12px;
     color: #c2b8a6;
}
 @ -webkit-keyframes bounceInUp {
    from , 60%, 75%, 90%, to {
         -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0);
    }
     60% {
         opacity : 1;
         -webkit-transform : translate3d (0 , -20 px , 0);
         transform : translate3d (0 , -20 px , 0);
    }
     75% {
         -webkit-transform : translate3d (0 , 10 px , 0);
         transform : translate3d (0 , 10 px , 0);
    }
     90% {
         -webkit-transform : translate3d (0 , -5 px , 0);
         transform : translate3d (0 , -5 px , 0);
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @ keyframes bounceInUp {
    from , 60%, 75%, 90%, to {
         -webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 3000px, 0);
         transform: translate3d(0, 3000px, 0);
    }
     60% {
         opacity : 1;
         -webkit-transform : translate3d (0 , -20 px , 0);
         transform : translate3d (0 , -20 px , 0);
    }
     75% {
         -webkit-transform : translate3d (0 , 10 px , 0);
         transform : translate3d (0 , 10 px , 0);
    }
     90% {
         -webkit-transform : translate3d (0 , -5 px , 0);
         transform : translate3d (0 , -5 px , 0);
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 #lesSeancesDuFilm h2 {
     margin-left: 7px;
}
 .case-menu {
     background-color: #685597; /*#7796a6;*/
     margin-top: 0px;
     margin-bottom: 5px;
     color: #fff;
     height: 40px;
     width: 40px;
     float: right;
     clear: both;
     text-align: center;
    /* For Safari 3.1 to 6.0 */
     -webkit-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
	 border-radius: 10px;
}
 .menu-express {
     background-color: #ba1416 !important;
}

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

.menu-programme {
	background-color: #685597 !important;
}

.menu-programme:hover{
	background-color: #685597 !important;
}

.menu-enveloppe {
	background-color: #685597!important;
}

.menu-enveloppe:hover{
	background-color: #685597!important;
}




/*.case-menu:hover {
    width:auto;
}
*/
 .case-menu-hover {
     width: auto;
     background-color: #685597 !important; /* #450119 !important;*/
}
 .ico-case, .txt-case {
     float: left;
     padding: 5px;
}
 .ico-case {
     padding-top: 10px;
     padding-left: 12px;
     color: #fff;
}
 .txt-case {
     color: #fff;
     font-size: 17px;
     padding: 5px;
	 padding-top: 7px;
}
 .txt-outils {
     display: none;
}
 .txt-outils-on {
     float: left;
}
 .case-menu-contenu-hover {
     display: none;
     width: auto;
}
 body {
    /*background-image: url(../images/fond-cine.jpg);
     background-attachment:fixed;
    */
    /*background-color: #F1F4F5;
    
     background-color: #110808;*/
     background-color: #fff;
}
 .bg-inverse {
     background-color: #000
 !important;
}
 #actualiteCarousel .carousel-item {
     /*background-image: url('../images/cinema.jpg');
     -webkit-background-size: cover;
     background-size: cover;*/
}
 #actualiteCarousel .carousel-inner {
     -moz-box-shadow: 0px 0px 30px -10px #000;
     -webkit-box-shadow: 0px 0px 30px -10px #000;
     -o-box-shadow: 0px 0px 30px -10px #000;
     box-shadow: 0px 0px 30px -10px #000;
     filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=30);
}
 #entete-menu-bt {
     background-color: #000;
     color: #fff;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     width: 50%;
     padding: 5px;
     text-align: right;
     padding-right: 20px;
}
 .nom-cine {
     font-weight: bold;
     color: #fff !important;
}
 .detail-slide {
     position: absolute;
     width: 20%;
     height: 90%;
     right: 10%;
     top: 5%;
     overflow: hidden;
     background-color: #4b4a45;
     z-index: 200;
}
 .img-detail-slide {
     width: 100%;
     height: auto;
}
 .slide-hover {
     width: 40%;
}
 #ombre_carousel {
     width: 100%;
     height: 20px;
}
 .slide-hover .img-detail-slide {
     width: 50% !important;
     height: auto;
     float: left;
}
 .slide-hover .contenu-detail-slide {
     width: 50% !important;
     float: right;
}
/*.contenu-detail-slide:hover {
    transform:scaleX(1.5);
}
*/
 .contenu-detail-slide {
     width: auto;
     padding: 10px;
     text-align: justify;
     transition: all 2s;
    /* transition when the mouse over */
}
 .contenu-detail-slide h3 {
     text-align: center;
     color: #fff;
}
 .contenu-detail-slide p {
     font-size: 12px;
     color: #fff;
     overflow: auto;
     padding-left: 5px;
     padding-right: 5px;
}
 .carousel-control-next, .carousel-control-prev {
     width: 5%;
}
 .text-active {
    /*background: rgba(68, 73, 83, .30);
    */
     padding: 5px;
}
 .film-detail-contenu h1 {
     background-image: none;
     color: #000;
     padding-left: 0px;
     margin-top: 0px;
	 font-family: 'Quattrocento Sans', sans-serif;
}
 .carousel-caption H1 {
     text-shadow: 2px 2px 2px black;
     width: AUTO !important;
     display: inline;
     padding-left: 5px;
     padding-right: 5px;
     background-image: none;
    /*padding-top: 5px;
     padding-bottom: 5px;
    */
     font-weight: bold;
     color: #fff;
	 font-family: 'Quattrocento Sans', sans-serif;
}
 #logo {
     position: absolute;
     top: 7px;
     left: 30px;
     z-index: 1030;
}
 .text-active p {
     font-size: 12px;
}
 .btn-primary {
     background-color: #272626;
    border-color: #272626;
}
 .btn-primary:hover {
      background-color: #272626;
    border-color: #272626;
}
 .btn-erakys {
     clear: both !important;
     width: 100% !important;
     color: #000;
     background-color: #fff;
     border-color: #fff;
     margin-bottom: 5px !important;
}
 .btn-erakys:hover {
     color: #fff !important;
    background-color: #ba1416;
    border-color: #ba1416;
    width: 100% !important;
    font-weight: normal;
}
 .btn-achat {
     clear: both !important;
     width: 100% !important;
     color: #fff;
     background-color: #d9534f;
     border-color: #d9534f;
     margin-bottom: 5px !important;
}
 .btn-achat:hover {
     color: #fff!important;
     background-color: #c9302c;
     border-color: #c9302c;
     width: 100% !important;
}
 .h1, h1, h2 {
     font-weight: normal;
     color: #000;
	 font-family: 'Quattrocento Sans', sans-serif;
	 text-transform: uppercase;
	 text-align: center;
	 
}
 #info-complementaires-film, #video-detail-film, #galerie-images-film {
     color: #fff;
     padding-top: 15px;
     padding-bottom: 15px;
}
 #galerie-images-film {
     padding-bottom: 0px;
}
 .central h2 {
     border: none;
}
 .col.heure-seance.zero-seance-jour {
     font-size: 12px;
     padding-top: 13px;
}
 @media ( max-width : 1200px) {
     .genre {
         display: none;
    }
	
	.margeur-full .zone-mention-vignette-max { margin-left:10px !important;}
}
 @media ( min-width : 992px) {
     .navbar-toggleable-md .navbar-nav .nav-link {
         padding-right: .4rem;
         padding-left: .4rem;
         font-size: 0.9rem;
         color: #000;
    }
     .zone-affilm .erk-play {
         position: absolute;
         background: url(../images/lecture-video.png) no-repeat center;
         -webkit-background-size: cover;
         background-size: cover;
         width: 100px;
         height: 100px;
         left: 75px;
    }
}
 @media ( max-width : 1023px) {
	 
	 .dropdown-menu {
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-color: transparent;
    background-color: #ffffff;
    top: 100%;
	color:#39253b;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000000 !important;
    white-space: nowrap;
	margin-left:10px;
}

     #entete-cine {
         display: none !important;
    }
     #logo {
         display: none;
    }
     .carousel-caption {
         right: 2%;
         left: 0%;
         padding-bottom: 0px;
        /* top: 50%;
         */
         bottom: 40%;
    }
     .mini-carrousel {
         height: auto;
         margin-bottom: 40px;
    }
     #myCarousel-module-galerie {
         height: auto;
         margin-bottom: 10px;
    }
     #actualiteCarousel {
         margin-bottom: 30px;
    }
     #actualiteCarousel .carousel-indicators li {
         background-color: rgb(147 147 147 / 17%)
    }
     #actualiteCarousel .carousel-indicators li.active {
         background-color: #ba1416;
    }
     .carousel-indicators {
         bottom: -60px;
         margin-bottom: 40px;
    }
     .esp-pub {
         padding-left: 15px !important;
    }
     body {
         /*margin-top: 66px;*/
    }
}
 @media ( max-width : 1024px) {
     .float-right a {
         color: #ba1416;
         margin-right: 20px;
    }
     #actualiteCarousel .carousel-inner .carousel-item .container {
         margin-left: 20px;
         margin-right: inherit;
    }
	
	.carousel-item .erk-play{ width: 60px;
    height: 60px;}
}
 .mini-carrousel .carousel-item, #myCarousel-module-galerie .carousel-item {
     height: auto;
}
 #actualiteCarousel .carousel-item {
     /*height: 32rem;*/
}
/*.carousel-caption {
     left:0px;
}
*/
 @media ( min-width : 1025px) {
     #actualiteCarousel {
         height: 554px !important;
    }
     #actualiteCarousel .carousel-inner {
         height: 554px !important;
    }
     #myCarousel-module-galerie {
         min-height: 180px;
    }
     .mini-carrousel {
         min-height: 283px;
    }
     #actualiteCarousel .carousel-item {
         max-height: 554px !important;
    }
}
 @media ( max-width : 642px) {
     body {
         background-image: none !important;
         /*padding-top: 48px !important;*/
    }
	
	.espaceur-row-fiche { padding-bottom:15px;}
}
 @media ( max-width : 1024px) {
     #entete-cine {
         display: none !important;
    }
     #logo {
         display: none !important;
    }
     body {
         /*margin-top: 52px;*/
    }
}
 .sepa-menu {
     /*color: #ff4989;
     line-height: 1.9rem;*/
     display: none !important;
}
 @media ( min-width : 992px) {
     .navbar-toggleable-md .navbar-nav {
        /*margin-left: auto;*/	
    	margin-right: 0 !important;
    	/*margin-top: 25px;*/
		width: auto;
    }
     body {
         font-size: 1rem;
    }
}
 @media ( min-width : 992px) {
	 
	 
	 
     .new-thumbnail {
         padding: .4rem;
         border: none;
         max-width: 100%;
         height: auto;
         padding-bottom: 0px;
    }
}
 @media ( min-width : 1024px) {
 
	 .fiche-film-ba-in {
		padding-top: 10px;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	 
     .mini-carrousel .carousel-indicators {
         bottom: -8px !important;
    }
    /*.zone-aff-acc {
         padding-top:10px;
    }
    */
     .bg-inverse {
         background-color: rgba(0, 0, 0, 0.62) !important;
    }
     #entete-cine {
        /* background-image: url(../images/fond.png);*/
         background-position: top;
         background-repeat: repeat-x;
    }
     .fixed-top2 {
         /*background-image: url(../images/cube.png);
         background-position: bottom;
         background-repeat: repeat-x;*/
         border-top: 10px solid #fff;
         text-align: center;
         padding-top: 10px;
         z-index: 1100;
		 background-color: #ffffff  !important;
		 padding-left: 185px;
		 height: 80px;
		     display: flex;
    justify-content: center;
    }
     .fixed-top2 .nav-link {
         font-size: 15px !important;
    }
     .fixed-top2 .sepa-menu {
         color: rgba(255, 255, 255, 0.44);
         line-height: 1.9rem;
    }
     .fixed-top2 .navbar {
         padding: 1rem 1rem;
    }
     body {
         padding-top: 4rem;
         padding-bottom: 3rem;
         color: #000000;
         margin-top: 0px;
    }
     #logo-cine {
        /*display: block;
    position: absolute;
    top: 0px;
    left: 10px;*/
    height: 80%;
    /*width: auto;*/
    }
	
	.fixed-top2 #logo-cine {
    display: block;
    position: absolute;
    top: 0px;
    left: 10px;
    height: 90%;
    width: auto;
}
	
	
     #logo {
         display: block !important;
    }
     #entete-cine {
         width: 1024px;
         margin-left: auto;
         margin-right: auto;
         position: absolute;
        /* padding-top: 50px;
         */
         padding-bottom: 3px;
         z-index: 500;
         text-align: right;
         background-color: #000
;
         color: #fff;
         padding-right: 5px;
         right: 0;
         left: 0;
         padding-top: 10px;
         padding-bottom: 3px;
         padding-right: 10px;
         padding-top: 20px;
         display: block !important;
         clear: both;
         min-height: 90px;
         text-align: right;
         font-size: 14px;
    }
     #entete-cine {
         display: block;
    }
     .mini-carrousel .erk-play {
         z-index: 1001;
         left: 8%;
         top: 35%;
    }
}
 @media ( min-width : 1200px) {
     .title-film {
         font-size: 2em !important;
    }
     #map {
         height: 554px;
    }
     .h h3 {
         font-size: 20px !important;
    }
     .margeur-petit h3 {
         font-size: 12px !important;
    padding-bottom: 0px !important;
    font-weight: bold;
    }
     .margeur-petit .date-s-cache {
         display: none !important;
    }
     .titre-blog {
         margin-left: 10px;
    }
     .titre-film-horaire-mob {
         display: none;
    }
     .aff-film-horaire .erk-play {
         top: 50px !important;
         left: 40px !important;
    }
     .nav-link {
         font-size: 16px;
    }
     .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
         padding-right: 10px;
         padding-left: 10px;
    }
     .titre-blog {
    }
     .margeur {
         margin-bottom: 20px;
         overflow: hidden;
		 position: relative;
    }
     .margeur-petit {
         margin-bottom: 20px;
         overflow: hidden;
    }
     .etape {
         background-color: #ba1416;
         text-align: center;
         color: #fff;
         font-weight: bold;
         padding-right: 10px;
    }
     .etape-num {
         font-size: 28px;
         line-height: 20px;
         clear: both;
         display: block;
    }
     .margeur-petit .layout-aff-roll .p {
         display: none;
    }
     .container h2 {
         margin-bottom: 5px;
    }
     .container h3 {
         font-size: 25px;
    }
     .blog,.bloc-2cols-g {
         font-size: 1rem;
         padding-left: 20px;
         margin-top: 10px;
         padding-right: 20px;
         float: left;
         display: inline;
         clear: left;
    }
     .blog_full {
         font-size: 13px;
         padding-left: 20px;
         margin-top: 20px;
         padding-right: 20px;
    }
     .blog2,.bloc-2cols-d {
         font-size: 13px;
         padding-left: 20px;
         margin-top: 10px;
         padding-right: 20px;
         float: right;
         display: inline;
         clear: right;
    }
     .blog-detail {
         font-size: 12px;
    }
     .blog-aff {
         width: 100%;
    }
     .blog-detail-film {
         text-align: center;
         padding: 0px !important;
    }
     .blog-synopsis {
         font-size: 13px;
         text-align: justify;
         padding-bottom: 10px;
    }
     .post-blog-date {
         float: right;
         font-size: 10px;
         right: 10px;
        /* margin-bottom: 10px;
         */
         clear: both;
         width: 100%;
         text-align: right;
    }
     .blog-thumbnail {
         padding: .4rem;
         background-color: #ffffff;
         border: none;
         max-width: 100%;
         height: auto;
        /*border-top: 1px solid #ccc;
        */
         /*-moz-box-shadow: 0px 0px 30px -10px #656565;
         -webkit-box-shadow: 0px 0px 30px -10px #656565;
         -o-box-shadow: 0px 0px 30px -10px #656565;
         box-shadow: 0px 0px 30px -10px #656565;
         filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=30);*/
    }
     .mini-aff {
        /*border: 10px solid #fff;
        */
         /*-moz-box-shadow: 0px 0px 30px -10px #656565;
         -webkit-box-shadow: 0px 0px 30px -10px #656565;
         -o-box-shadow: 0px 0px 30px -10px #656565;
         box-shadow: 0px 0px 30px -10px #656565;
         filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=30);*/
    }
     .row-bt {
         margin-top: 10px;
    }
     .gp-bt-blog {
         float: right;
         padding: 0px;
    }
     .container .mention-vignette-blog {
         top: 0px;
         right: 10px;
         left: auto;
         bottom: auto;
         text-align: center;
         color: #fff;
         position: absolute;
         width: auto;
         padding: 2px;
         font-size: 10px;
         padding-right: 4px;
         padding-left: 4px;
         display: block;
    }
     .btn-synopsis {
         width: 100%;
         background: rgba(68, 73, 83, .61);
         color: #fff;
         text-decoration: none;
         margin-right: 10px;
         padding: 5px 10px;
         border-radius: 5px;
         font-size: 12px;
         margin-left: 10%;
    }
     .row-erakys {
         padding: 0px;
         margin: 0px;
    }
     .container .tout-public {
         display: inline-block;
         color: #fff;
         padding: 3px;
         font-size: 12px;
    }
}
 .central {
     margin-top: 20px;
     padding: 10px;
     padding-top: 20px;
     margin-right: 0px;
     margin-left: 0px;
     /*background-image: url('../images/fond-cine2.jpg');*/
     -webkit-background-size: cover;*/
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
    /* border-top: 10px solid #7796a6*/
;
}
 .central p {
     font-size: 14px;
     color: #000;
}
 .central .col-lg-4, .central .col-lg-3, .central .col-lg-2, .central .col-lg-1, .central .col-lg-5, .central .col-lg-6, .central .col-lg-7, .central .col-lg-8, .central .col-lg-9, .central .col-lg-10, .central .col-lg-11, .central .col-lg-12 {
    /*margin-bottom: 1.5rem;
    */
     text-align: center;
}
 .central h2 {
     font-weight: normal;
     color: #000;
	 font-size: 1.8rem;
	     margin-top: 15px;
}
 .btn-secondary:hover {
     color: #fff;
     background-color: #7796a6;
}
 #menu-vignettes,.menu-vignettes {
     position: absolute;
     right: 5px;
     z-index: 10;
}

.menu-vignettes2 {
    position: relative !important;
    width: 100%;
    right: 5px;
    z-index: 10;
    padding-bottom: 5px;
}
 #max, #petit, #full, #periode,.max-vignettes,.petit-vignettes,.full-vignettes {
     float: right;
     font-size: 25px;
     padding: 2px;
}
 #max:hover, #petit:hover, #full:hover, #periode:hover,.max-vignettes:hover,.petit-vignettes:hover,.full-vignettes:hover {
     cursor: pointer;
     color: #000
;
}
 #periode {
     font-size: 25px;
}
 .menu-vignettes-choix {
     color: #000
;
}
 #periode.menu-vignettes-choix {
     color: inherit;
}
 .btn-vignette {
     width: 80% !important;
     background: #272626;
     color: #fff;
     text-decoration: none;
     margin-right: 10px;
     padding: 5px 5px;
     border-radius: 5px;
     font-size: 12px;
     margin-left: 10%;
}
 .btn-R {
     background-color: #000
;
     border-color: #000
;
}
 .btn-R:hover {
     background-color: #000
;
     cursor: pointer;
     border-color: #000
;
}
 .btn-vignette:hover {
     width: 80% !important;
     cursor: pointer;
}
/* fiche film */
 .fiche-film-div .fiche-detail {
     text-align: justify;
     padding-right: 15px;
     font-size:1rem;
    /*margin-bottom: 70px;
    */
}
 #info-complementaires-film, #video-detail-film, #galerie-images-film {
     font-size: 13px;
}
 #video-detail-film .container {
     padding-bottom: 10px;
}
 .fiche-film-div .envie {
     font-size: 12px;
}
 .fiche-film-div .bloc-partage {
     right: 35px;
     bottom: 0px;
     position: absolute;
text-align: right;
}
 .fiche-film-div .btn-face {
     background-color: #3b5998;
     color: #fff;
     font-size: 12px;
     padding: 6px;
}
 .fiche-film-div .btn-twit {
     background-color: #00b6f1;
     color: #fff;
     font-size: 12px;
     padding: 6px;
}
 .fiche-film-div .btn-goo {
     background-color: #fd3d3e;
     color: #fff;
     font-size: 12px;
     padding: 6px;
}
 .fiche-film-div .btn-face:hover, .btn-twit:hover, .btn-goo:hover {
     cursor: pointer;
}
 .fiche-film-div .film-detail-img-black, .titre-film-horaire-mob .film-detail-img-black {
     float: left;
     background-position: center;
     background-size: cover;
     position: relative;
     color: #000;
     padding: 15px 0;
}
 .fiche-film-div .film-detail-img {
     padding-left: 15px;
     padding-right: 0px;
}
 .fiche-film-div .img-film {
    /* padding-left: 15px;*/
     /*padding-right: 15px;*/
	 border-radius: 15px;
}
 .fiche-film-div .film-detail-contenu {
     padding-left: 15px;
     padding-right: 15px;
}
 .fiche-film-div .film-detail-img-black:before, .film-detail-img-black:before {
     content: "";
     position: absolute;
     background: rgb(255 255 255 / 85%);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 .fiche-film-div .mention-vignette-max {
     /*left: 15px;*/
}
 .fiche-film-div .avantP {
     right: 15px;
}
/* */
/* seance */
 .pad-normal {
     padding-left: 15px;
     padding-right: 15px;
}
 .b-seance {
    /* padding: 5px;
     */
     width: auto;
     display: inline-block;
    /*color: #f379cd;
    */
     font-weight: bold;
}
 .jour-seance {
     text-align: center;
     padding: 5px;
     background-color: #706363;
    color: #fff;
     font-size: 20px;
     border-top: 10px solid #ffffff;
	     border-right: 4px #fff solid;
	 
}
 .ST {
     display: inline-block;
     height: 25px;
}
 .ST-pt {
     display: inline-block;
     height: 20px;
}
 .ha {
     background-color: #000ae0 !important;
}
 .ha-s .Erakys_bulle_detail {
     background-color: #000ae0;
}
 .erk-play {
     position: absolute;
     background: url(../images/lecture-video.png) no-repeat center;
     -webkit-background-size: cover;
     background-size: cover;
     width: 90px;
     height: 90px;
}
 .erk-play:hover {
     cursor: pointer;
     background-image: url(../images/lecture-video-h.png);
}
 .Erk_blogvision_iframe {
     width: 640px;
     height: 360px;
     padding-top: 15px;
}
 .modal-backdrop.show {
     opacity: .85;
}
 .modal-header {
     background-color: #ba1416;
     color: #fff;
}
 .modal-body {
     text-align: center;
     background-color: #000;
}
 .sigle {
     padding-top: 20px;
     padding-bottom: 20px;
     text-align: right;
     padding-right: 10px;
     font-size: 12px;
     width: 100%;
     font-style: italic;
}
 .ha .b-seance {
     color: #f1f4f5;
}
 .version-seance {
     text-align: left;
     padding: 3px;
     background-color: #000000;
     color: #fff;
     font-size: 20px;
     padding-left: 15px;
     border-top: 1px solid #fff;
     z-index: 2;
}
 .col-auj .Erakys_bulle_detail {
     color: red;
     background-color: #fff;
}
 .heure-seance {
     text-align: center;
     padding: 5px;
     color: #fff;
     font-size: 20px;
     background-color: #706363;
	 border-right: 4px #fff solid;
}
 .color-heure {
   background-color: #dedede;
    color: #272626;
     
}
 .color-jour {
     background-color: #dedede;
     color: #000;
     
}
 .erk-select-semaine {
     padding: 15px;
     padding-left: 0px;
     padding-right: 0px;
}
 .titre-espace {
     margin-top: 20px;
     padding-left: 0px;
     padding-right: 0px;
}
 .Erakys_bulle_detail {
     color: #2b2a2a;
     background-color: #fff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border-radius: 4px;
     font-family: 'Pathway Gothic One', sans-serif;
     font-size: 22px;
     /*padding-left: 6px;
     padding-right: 6px;*/
     padding-top: 3px;
     padding-bottom: 3px;
     display: inline-block;
     width: 80%;
     text-align: center;
     margin-top: 1px;
	 border: 1px solid #fff;
}
 .selected-auj {
    /*background-color: #262520 !important;
     border-top: 10px solid #262520 !important;
    */
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-right-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     -webkit-box-shadow: -3px -3px 18px 2px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: -3px -3px 18px 2px rgba(0, 0, 0, 0.2);
     box-shadow: -3px -3px 18px 2px rgba(0, 0, 0, 0.2);
     z-index: 5000;
     font-weight: bold;
}
/*.auj_cell2 .Erakys_bulle_detail {
     color: #262520;
     background-color: #fff;
}
*/
 .color-heure .Erakys_bulle_detail {
     color: #2b2a2a;
     background-color: #fff;
}
 .auj-cell2 .Erakys_bulle_detail {
     color: #ffffff;
     background-color: #b7b7b7;
}
 .auj-cell2 .Erakys_bulle_detail:hover {
     color: #fff;
     background-color: #7796a6;
}
 .auj_cell2 .Erakys_bulle_detail {
     color: #2b2a2a;
    background-color: #fff;
}
 .auj_cell2 .Erakys_bulle_detail:hover {
    color: #fff;
    background-color: #272626;
}
 .rapide-horaire .Erakys_bulle_detail {
     width: auto;
	 padding: 5px;
	     border: 1px solid;
		     background-color: #fff;
		 
}
 .rapide-horaire .col-12.pad-normal {
     padding: 5px !important;
}
 .mode-rapido .fiche-film-div {
     margin-left: 10px;
     margin-right: 10px;
     padding-top: 15px;
}
 .mode-rapido .ico-case {
     color: #7796a6;
     padding: 0px;
}
 .newsletter-page .ico-case {
     color: #7796a6;
     padding: 5px;
     margin-right: 10px;
}
 .contact-page .ico-case {
     color: #7796a6;
     padding: 5px;
     margin-right: 10px;
}
 .mode-rapido .blog-thumbnail {
     border: 0px;
}
 .Erakys_bulle_detail:hover {
    /* color: #fff;
     background-color: #000;
    */
     cursor: pointer;
}
 .esp-bt-achat {
     margin-bottom: 3px;
}
 .esp-bt-achat-option {
     display: none;
}
 .div-horaire .VI {
     float: none;
     width: 80% !important;
}
 .div-horaire .esp-bt-achat-option {
     margin-bottom: -8px;
     display: block;
}
 .VI {
     width: 27px !important;
     bottom: 0;
     display: inline-block;
     margin-top: 1px;
     float: right;
}
 .h_bulle {
     float: none;
     display: inline-block;
     margin-right: 2px;
}
 @ -webkit-keyframes tada {
   /* from {
         -webkit-transform:scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     10%, 20% {
         -webkit-transform : scale3d ( .9 , .9 , .9 ) rotate3d (0 , 0, 1, -3 deg );
         transform : scale3d ( .9 , .9 , .9 ) rotate3d (0 , 0, 1, -3 deg );
    }
     30%, 50%, 70%, 90% {
         -webkit-transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, 3 deg );
         transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, 3 deg );
    }
     40%, 60%, 80% {
         -webkit-transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, -3 deg );
         transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, -3 deg );
    }
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }*/
}
 @ keyframes tada {
   /* from {
         -webkit-transform:scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }
     10%, 20% {
         -webkit-transform : scale3d ( .9 , .9 , .9 ) rotate3d (0 , 0, 1, -3 deg );
         transform : scale3d ( .9 , .9 , .9 ) rotate3d (0 , 0, 1, -3 deg );
    }
     30%, 50%, 70%, 90% {
         -webkit-transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, 3 deg );
         transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, 3 deg );
    }
     40%, 60%, 80% {
         -webkit-transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, -3 deg );
         transform : scale3d (1 .1 , 1 .1 , 1 .1 ) rotate3d (0 , 0, 1, -3 deg );
    }
     to {
         -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
    }*/
}
 .jello:hover {
     /*-webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: jello;
     animation-name: jello;
     -webkit-transform-origin: center;
     transform-origin: center;*/
	background-color: #2c393d;
    color: #fff;
}
 @ -webkit-keyframes jello {
   /* from , 11.1%, to {
         -webkit-transform:none;
         transform: none;
    }
     22 .2 % {
         -webkit-transform : skewX (-12 .5deg ) skewY (-12 .5deg );
         transform : skewX (-12 .5deg ) skewY (-12 .5deg );
    }
     33 .3 % {
         -webkit-transform : skewX (6 .25deg ) skewY (6 .25deg );
         transform : skewX (6 .25deg ) skewY (6 .25deg );
    }
     44 .4 % {
         -webkit-transform : skewX (-3 .125deg ) skewY (-3 .125deg );
         transform : skewX (-3 .125deg ) skewY (-3 .125deg );
    }
     55 .5 % {
         -webkit-transform : skewX (1 .5625deg ) skewY (1 .5625deg );
         transform : skewX (1 .5625deg ) skewY (1 .5625deg );
    }
     66 .6 % {
         -webkit-transform : skewX (-0 .78125deg ) skewY (-0 .78125deg );
         transform : skewX (-0 .78125deg ) skewY (-0 .78125deg );
    }
     77 .7 % {
         -webkit-transform : skewX (0 .390625deg ) skewY (0 .390625deg );
         transform : skewX (0 .390625deg ) skewY (0 .390625deg );
    }
     88 .8 % {
         -webkit-transform : skewX (-0 .1953125deg ) skewY (-0 .1953125deg );
         transform : skewX (-0 .1953125deg ) skewY (-0 .1953125deg );
    }*/
}
 @ keyframes jello {
    /*from , 11.1%, to {
         -webkit-transform:none;
         transform: none;
    }
     22 .2 % {
         -webkit-transform : skewX (-12 .5deg ) skewY (-12 .5deg );
         transform : skewX (-12 .5deg ) skewY (-12 .5deg );
    }
     33 .3 % {
         -webkit-transform : skewX (6 .25deg ) skewY (6 .25deg );
         transform : skewX (6 .25deg ) skewY (6 .25deg );
    }
     44 .4 % {
         -webkit-transform : skewX (-3 .125deg ) skewY (-3 .125deg );
         transform : skewX (-3 .125deg ) skewY (-3 .125deg );
    }
     55 .5 % {
         -webkit-transform : skewX (1 .5625deg ) skewY (1 .5625deg );
         transform : skewX (1 .5625deg ) skewY (1 .5625deg );
    }
     66 .6 % {
         -webkit-transform : skewX (-0 .78125deg ) skewY (-0 .78125deg );
         transform : skewX (-0 .78125deg ) skewY (-0 .78125deg );
    }
     77 .7 % {
         -webkit-transform : skewX (0 .390625deg ) skewY (0 .390625deg );
         transform : skewX (0 .390625deg ) skewY (0 .390625deg );
    }
     88 .8 % {
         -webkit-transform : skewX (-0 .1953125deg ) skewY (-0 .1953125deg );
         transform : skewX (-0 .1953125deg ) skewY (-0 .1953125deg );
    }*/
}
/* */
 .mention-vignette {
     text-align: center;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     width: auto;
     margin-left: 10px;
     padding: 2px;
     font-size: 9px;
     padding-right: 4px;
     padding-left: 4px;
}


.version-detail { margin-top:5px;}

/****************** d davv ******/
 .eclair-color {
     background-color: #3e4449;
}
 .atmos {
     background-color: #717b84;
}
 .dolby{
     background-color: #a1a098;
}

/****************** f davv ******/


 .tout-public {
     background-color: #319d31;
	 display: none !important;
}
 .int-12 {
     background-color: #FC0;
}
 .int-16 {
     background-color: #fe6000;
}
 .int-18 {
     background-color: #fc0000;
}
 .int-x {
     background-color: #ff00e4;
}
 .avantP {
     position: absolute;
     top: 0;
     right: 10px;
     color: #fff;
     background-color: #7796a6;
     padding: 5px;
     font-size: 12px;
}
 .dernierP {
     position: absolute;
     top: 0;
     right: 10px;
     color: #fff;
     background-color: #4c4a44;
     padding: 5px;
     font-size: 12px;
}
 .no-padding {
     padding: 0px;
     float: left;
}
 .margeur-vignette {
     padding-left: 10px;
     padding-right: 10px;
     float: left;
     text-align: center;
}
 .layout-aff {
     position: absolute;
}
 .margeur-full .mention-vignette-max {
     margin-left: 10px;
}
 .mention-vignette-max {
     text-align: center;
     color: #fff;
     position: absolute;
     bottom: 0;
     left: 0;
     width: auto;
     padding: 2px;
     font-size: 10px;
     padding-right: 4px;
     padding-left: 4px;
     display: block;
	 margin-bottom:5px;
}

.mention-horaire-detail {    text-align: center;
    color: #fff;
    width: 45%;
    display: inline-block;
    margin-bottom: 4px;}
	
	
.mode-mob-horaire-mention {line-height: 12px; font-size:10px;}
.mode-mob-detail-mention {line-height: 12px; font-size:10px;}
	

				
				
/*petit*/
 .margeur-petit .mention-vignette-max {
     text-align: center;
     color: #fff;
     position: absolute;
     bottom: 0;
     left: 0;
     width: auto;
     padding: 2px;
     font-size: 10px;
     padding-right: 4px;
     padding-left: 4px;
     display: block;
     margin-left: 10px;
}
/* max */
 .margeur-vignette {
     padding-right: 0px;
}
/* d davv */
.margeur .zone-mention-vignette-max  {
   text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    /* padding: 2px; */
    font-size: 10px;
    /* padding-right: 4px; */
    /* padding-left: 4px; */
    display: block;
    /* margin-left: 5px; */
    width: 100%;
}

.margeur-full .zone-mention-vignette-max, .margeur-petit .zone-mention-vignette-max   {
	text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 2px;
    font-size: 10px;
    padding-right: 4px;
    padding-left: 4px;
    display: block;
    margin-left: 5px;
	
}


.margeur-petit .aff-mini-image-film  { display:none !important;}


 .margeur .mention-vignette-max, .margeur-petit .mention-vignette-max, .margeur-full .mention-vignette-max{
     text-align: center;
     color: #fff;
     position: relative;
     bottom: 0;
     left: 0;
     width: auto;
     padding: 2px;
     font-size: 10px;
     padding-right: 4px;
     padding-left: 4px;
     display: block;
     margin-left: 0px;
	 margin-top:3px;
}

.zone-extra-detail-plus .mention-vignette-max { float:left; width:50%;}
.zone-extra-detail-plus { margin-bottom:10px !important;}
.zone-extra-hover { display:none !important;}

.layout-aff-full .zone-extra-detail-plus { display:none;}
/* f davv */


 .col-lg-2 .layout-aff h3 {
     color: #FFFFFF;
     text-align: center;
     padding: 10px;
     font-size: 12px;
}

/* .col-lg-2 p, .col-lg-3 .margeur-vignette {
     display: none !important;
}*/


/* full */
 .layout-aff-full {
     float: left;
     width: 100% !important;
     padding: 0px;
}
 .margeur-full {
     padding: 0px;
     margin-bottom: 20px;
     overflow: hidden;
     margin-top: 20px;
}
 .no-padding-full {
     float: right;
     padding: 0px;
}
 .col-lg-6 .vignette-aff {
     width: 100%;
}
 .layout-aff-full .p {
     font-size: 10px;
     text-align: justify;
}
 .youpi {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     overflow: hidden !important;
}
/* */
 .esp-aff {
     padding-left: 6px;
     padding-right: 6px;
}
 .esp-pub {
     padding-left: 0px;
}
 .layout-aff h3 {
     color: #000;
     text-align: center;
     padding: 10px;
	 padding-bottom:0px;
}
 .layout-aff .p {
     text-align: justify;
     color: #000;
     font-size: 14px;
     padding: 10px;
     clear: both;
     overflow: auto;
	 padding-top: 0px;
	 
}
 .layout-aff-roll {
     position: absolute;
	 background-color:#f0f0f0;
     top: 0%;
     height: 100%;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .p::-webkit-scrollbar, p::-webkit-scrollbar {
     width: 11px;
}
 .p::-webkit-scrollbar-thumb, p::-webkit-scrollbar-thumb {
     background-color: rgb(120, 103, 93);
     border-radius: 0;
}
 .p::-webkit-scrollbar-thumb:hover, p::-webkit-scrollbar-thumb:hover {
     background-color:#000
;
}
 .p::-webkit-scrollbar-track, p::-webkit-scrollbar-track {
     background-color: #000
;
}
 .sorties-f {
     font-size: 10px !important;
     position: relative;
	 margin:0px; padding:0px;
    /* position: absolute;
     bottom: 0px;
     right: 0px;
     color: #fff;*/
}
 .margeur-full .sorties-f { /*clear: both;
    
    bottom: 0px;
     right: 0px;
    */
     
}
 @ -webkit-keyframes flipInY {
    from {
         -webkit-transform:perspective(400px)rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
    }
     40% {
         -webkit-transform : perspective (400 px ) rotate3d (0 , 1, 0, -20 deg );
         transform : perspective (400 px ) rotate3d (0 , 1, 0, -20 deg );
         -webkit-animation-timing-function : ease-in ;
         animation-timing-function : ease-in ;
    }
     60% {
         -webkit-transform : perspective (400 px ) rotate3d (0 , 1, 0, 10 deg );
         transform : perspective (400 px ) rotate3d (0 , 1, 0, 10 deg );
         opacity : 1;
    }
     80% {
         -webkit-transform : perspective (400 px ) rotate3d (0 , 1, 0, -5 deg );
         transform : perspective (400 px ) rotate3d (0 , 1, 0, -5 deg );
    }
     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
    }
}
 @ keyframes flipInY {
    from {
         -webkit-transform:perspective(400px)rotate3d(0, 1, 0, 90deg);
         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0;
    }
     40% {
         -webkit-transform : perspective (400 px ) rotate3d (0 , 1, 0, -20 deg );
         transform : perspective (400 px ) rotate3d (0 , 1, 0, -20 deg );
         -webkit-animation-timing-function : ease-in ;
         animation-timing-function : ease-in ;
    }
     60% {
         -webkit-transform : perspective (400 px ) rotate3d (0 , 1, 0, 10 deg );
         transform : perspective (400 px ) rotate3d (0 , 1, 0, 10 deg );
         opacity : 1;
    }
     80% {
         -webkit-transform : perspective (400 px ) rotate3d (0 , 1, 0, -5 deg );
         transform : perspective (400 px ) rotate3d (0 , 1, 0, -5 deg );
    }
     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px);
    }
}
 .flipInY {
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
     -webkit-animation-name: flipInY;
     animation-name: flipInY;
}
/* .mini-aff {
     transition: transform .3s ease-out;
}
 .mini-aff:hover {
     transform: translate(0, -100%);
}
*/
 @font-face {
     font-family: 'Glyphicons Halflings';
     src: url('../fonts/glyphicons-halflings-regular.eot');
     src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
 .glyphicon {
     position: relative;
     top: 1px;
     display: inline-block;
     font-family: 'Glyphicons Halflings';
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .glyphicon-asterisk:before {
     content: "\002a";
}
 .glyphicon-plus:before {
     content: "\002b";
}
 .glyphicon-euro:before, .glyphicon-eur:before {
     content: "\20ac";
}
 .glyphicon-minus:before {
     content: "\2212";
}
 .glyphicon-cloud:before {
     content: "\2601";
}
 .glyphicon-envelope:before {
     content: "\2709";
}
 .glyphicon-pencil:before {
     content: "\270f";
}
 .glyphicon-glass:before {
     content: "\e001";
}
 .glyphicon-music:before {
     content: "\e002";
}
 .glyphicon-search:before {
     content: "\e003";
}
 .glyphicon-heart:before {
     content: "\e005";
}
 .glyphicon-star:before {
     content: "\e006";
}
 .glyphicon-star-empty:before {
     content: "\e007";
}
 .glyphicon-user:before {
     content: "\e008";
}
 .glyphicon-film:before {
     content: "\e009";
}
 .glyphicon-th-large:before {
     content: "\e010";
}
 .glyphicon-th:before {
     content: "\e011";
}
 .glyphicon-th-list:before {
     content: "\e012";
}
 .glyphicon-ok:before {
     content: "\e013";
}
 .glyphicon-remove:before {
     content: "\e014";
}
 .glyphicon-zoom-in:before {
     content: "\e015";
}
 .glyphicon-zoom-out:before {
     content: "\e016";
}
 .glyphicon-off:before {
     content: "\e017";
}
 .glyphicon-signal:before {
     content: "\e018";
}
 .glyphicon-cog:before {
     content: "\e019";
}
 .glyphicon-trash:before {
     content: "\e020";
}
 .glyphicon-home:before {
     content: "\e021";
}
 .glyphicon-file:before {
     content: "\e022";
}
 .glyphicon-time:before {
     content: "\e023";
}
 .glyphicon-road:before {
     content: "\e024";
}
 .glyphicon-download-alt:before {
     content: "\e025";
}
 .glyphicon-download:before {
     content: "\e026";
}
 .glyphicon-upload:before {
     content: "\e027";
}
 .glyphicon-inbox:before {
     content: "\e028";
}
 .glyphicon-play-circle:before {
     content: "\e029";
}
 .glyphicon-repeat:before {
     content: "\e030";
}
 .glyphicon-refresh:before {
     content: "\e031";
}
 .glyphicon-list-alt:before {
     content: "\e032";
}
 .glyphicon-lock:before {
     content: "\e033";
}
 .glyphicon-flag:before {
     content: "\e034";
}
 .glyphicon-headphones:before {
     content: "\e035";
}
 .glyphicon-volume-off:before {
     content: "\e036";
}
 .glyphicon-volume-down:before {
     content: "\e037";
}
 .glyphicon-volume-up:before {
     content: "\e038";
}
 .glyphicon-qrcode:before {
     content: "\e039";
}
 .glyphicon-barcode:before {
     content: "\e040";
}
 .glyphicon-tag:before {
     content: "\e041";
}
 .glyphicon-tags:before {
     content: "\e042";
}
 .glyphicon-book:before {
     content: "\e043";
}
 .glyphicon-bookmark:before {
     content: "\e044";
}
 .glyphicon-print:before {
     content: "\e045";
}
 .glyphicon-camera:before {
     content: "\e046";
}
 .glyphicon-font:before {
     content: "\e047";
}
 .glyphicon-bold:before {
     content: "\e048";
}
 .glyphicon-italic:before {
     content: "\e049";
}
 .glyphicon-text-height:before {
     content: "\e050";
}
 .glyphicon-text-width:before {
     content: "\e051";
}
 .glyphicon-align-left:before {
     content: "\e052";
}
 .glyphicon-align-center:before {
     content: "\e053";
}
 .glyphicon-align-right:before {
     content: "\e054";
}
 .glyphicon-align-justify:before {
     content: "\e055";
}
 .glyphicon-list:before {
     content: "\e056";
}
 .glyphicon-indent-left:before {
     content: "\e057";
}
 .glyphicon-indent-right:before {
     content: "\e058";
}
 .glyphicon-facetime-video:before {
     content: "\e059";
}
 .glyphicon-picture:before {
     content: "\e060";
}
 .glyphicon-map-marker:before {
     content: "\e062";
}
 .glyphicon-adjust:before {
     content: "\e063";
}
 .glyphicon-tint:before {
     content: "\e064";
}
 .glyphicon-edit:before {
     content: "\e065";
}
 .glyphicon-share:before {
     content: "\e066";
}
 .glyphicon-check:before {
     content: "\e067";
}
 .glyphicon-move:before {
     content: "\e068";
}
 .glyphicon-step-backward:before {
     content: "\e069";
}
 .glyphicon-fast-backward:before {
     content: "\e070";
}
 .glyphicon-backward:before {
     content: "\e071";
}
 .glyphicon-play:before {
     content: "\e072";
}
 .glyphicon-pause:before {
     content: "\e073";
}
 .glyphicon-stop:before {
     content: "\e074";
}
 .glyphicon-forward:before {
     content: "\e075";
}
 .glyphicon-fast-forward:before {
     content: "\e076";
}
 .glyphicon-step-forward:before {
     content: "\e077";
}
 .glyphicon-eject:before {
     content: "\e078";
}
 .glyphicon-chevron-left:before {
     content: "\e079";
}
 .glyphicon-chevron-right:before {
     content: "\e080";
}
 .glyphicon-plus-sign:before {
     content: "\e081";
}
 .glyphicon-minus-sign:before {
     content: "\e082";
}
 .glyphicon-remove-sign:before {
     content: "\e083";
}
 .glyphicon-ok-sign:before {
     content: "\e084";
}
 .glyphicon-question-sign:before {
     content: "\e085";
}
 .glyphicon-info-sign:before {
     content: "\e086";
}
 .glyphicon-screenshot:before {
     content: "\e087";
}
 .glyphicon-remove-circle:before {
     content: "\e088";
}
 .glyphicon-ok-circle:before {
     content: "\e089";
}
 .glyphicon-ban-circle:before {
     content: "\e090";
}
 .glyphicon-arrow-left:before {
     content: "\e091";
}
 .glyphicon-arrow-right:before {
     content: "\e092";
}
 .glyphicon-arrow-up:before {
     content: "\e093";
}
 .glyphicon-arrow-down:before {
     content: "\e094";
}
 .glyphicon-share-alt:before {
     content: "\e095";
}
 .glyphicon-resize-full:before {
     content: "\e096";
}
 .glyphicon-resize-small:before {
     content: "\e097";
}
 .glyphicon-exclamation-sign:before {
     content: "\e101";
}
 .glyphicon-gift:before {
     content: "\e102";
}
 .glyphicon-leaf:before {
     content: "\e103";
}
 .glyphicon-fire:before {
     content: "\e104";
}
 .glyphicon-eye-open:before {
     content: "\e105";
}
 .glyphicon-eye-close:before {
     content: "\e106";
}
 .glyphicon-warning-sign:before {
     content: "\e107";
}
 .glyphicon-plane:before {
     content: "\e108";
}
 .glyphicon-calendar:before {
     content: "\e109";
}
 .glyphicon-random:before {
     content: "\e110";
}
 .glyphicon-comment:before {
     content: "\e111";
}
 .glyphicon-magnet:before {
     content: "\e112";
}
 .glyphicon-chevron-up:before {
     content: "\e113";
}
 .glyphicon-chevron-down:before {
     content: "\e114";
}
 .glyphicon-retweet:before {
     content: "\e115";
}
 .glyphicon-shopping-cart:before {
     content: "\e116";
}
 .glyphicon-folder-close:before {
     content: "\e117";
}
 .glyphicon-folder-open:before {
     content: "\e118";
}
 .glyphicon-resize-vertical:before {
     content: "\e119";
}
 .glyphicon-resize-horizontal:before {
     content: "\e120";
}
 .glyphicon-hdd:before {
     content: "\e121";
}
 .glyphicon-bullhorn:before {
     content: "\e122";
}
 .glyphicon-bell:before {
     content: "\e123";
}
 .glyphicon-certificate:before {
     content: "\e124";
}
 .glyphicon-thumbs-up:before {
     content: "\e125";
}
 .glyphicon-thumbs-down:before {
     content: "\e126";
}
 .glyphicon-hand-right:before {
     content: "\e127";
}
 .glyphicon-hand-left:before {
     content: "\e128";
}
 .glyphicon-hand-up:before {
     content: "\e129";
}
 .glyphicon-hand-down:before {
     content: "\e130";
}
 .glyphicon-circle-arrow-right:before {
     content: "\e131";
}
 .glyphicon-circle-arrow-left:before {
     content: "\e132";
}
 .glyphicon-circle-arrow-up:before {
     content: "\e133";
}
 .glyphicon-circle-arrow-down:before {
     content: "\e134";
}
 .glyphicon-globe:before {
     content: "\e135";
}
 .glyphicon-wrench:before {
     content: "\e136";
}
 .glyphicon-tasks:before {
     content: "\e137";
}
 .glyphicon-filter:before {
     content: "\e138";
}
 .glyphicon-briefcase:before {
     content: "\e139";
}
 .glyphicon-fullscreen:before {
     content: "\e140";
}
 .glyphicon-dashboard:before {
     content: "\e141";
}
 .glyphicon-paperclip:before {
     content: "\e142";
}
 .glyphicon-heart-empty:before {
     content: "\e143";
}
 .glyphicon-link:before {
     content: "\e144";
}
 .glyphicon-phone:before {
     content: "\e145";
}
 .glyphicon-pushpin:before {
     content: "\e146";
}
 .glyphicon-usd:before {
     content: "\e148";
}
 .glyphicon-gbp:before {
     content: "\e149";
}
 .glyphicon-sort:before {
     content: "\e150";
}
 .glyphicon-sort-by-alphabet:before {
     content: "\e151";
}
 .glyphicon-sort-by-alphabet-alt:before {
     content: "\e152";
}
 .glyphicon-sort-by-order:before {
     content: "\e153";
}
 .glyphicon-sort-by-order-alt:before {
     content: "\e154";
}
 .glyphicon-sort-by-attributes:before {
     content: "\e155";
}
 .glyphicon-sort-by-attributes-alt:before {
     content: "\e156";
}
 .glyphicon-unchecked:before {
     content: "\e157";
}
 .glyphicon-expand:before {
     content: "\e158";
}
 .glyphicon-collapse-down:before {
     content: "\e159";
}
 .glyphicon-collapse-up:before {
     content: "\e160";
}
 .glyphicon-log-in:before {
     content: "\e161";
}
 .glyphicon-flash:before {
     content: "\e162";
}
 .glyphicon-log-out:before {
     content: "\e163";
}
 .glyphicon-new-window:before {
     content: "\e164";
}
 .glyphicon-record:before {
     content: "\e165";
}
 .glyphicon-save:before {
     content: "\e166";
}
 .glyphicon-open:before {
     content: "\e167";
}
 .glyphicon-saved:before {
     content: "\e168";
}
 .glyphicon-import:before {
     content: "\e169";
}
 .glyphicon-export:before {
     content: "\e170";
}
 .glyphicon-send:before {
     content: "\e171";
}
 .glyphicon-floppy-disk:before {
     content: "\e172";
}
 .glyphicon-floppy-saved:before {
     content: "\e173";
}
 .glyphicon-floppy-remove:before {
     content: "\e174";
}
 .glyphicon-floppy-save:before {
     content: "\e175";
}
 .glyphicon-floppy-open:before {
     content: "\e176";
}
 .glyphicon-credit-card:before {
     content: "\e177";
}
 .glyphicon-transfer:before {
     content: "\e178";
}
 .glyphicon-cutlery:before {
     content: "\e179";
}
 .glyphicon-header:before {
     content: "\e180";
}
 .glyphicon-compressed:before {
     content: "\e181";
}
 .glyphicon-earphone:before {
     content: "\e182";
}
 .glyphicon-phone-alt:before {
     content: "\e183";
}
 .glyphicon-tower:before {
     content: "\e184";
}
 .glyphicon-stats:before {
     content: "\e185";
}
 .glyphicon-sd-video:before {
     content: "\e186";
}
 .glyphicon-hd-video:before {
     content: "\e187";
}
 .glyphicon-subtitles:before {
     content: "\e188";
}
 .glyphicon-sound-stereo:before {
     content: "\e189";
}
 .glyphicon-sound-dolby:before {
     content: "\e190";
}
 .glyphicon-sound-5-1:before {
     content: "\e191";
}
 .glyphicon-sound-6-1:before {
     content: "\e192";
}
 .glyphicon-sound-7-1:before {
     content: "\e193";
}
 .glyphicon-copyright-mark:before {
     content: "\e194";
}
 .glyphicon-registration-mark:before {
     content: "\e195";
}
 .glyphicon-cloud-download:before {
     content: "\e197";
}
 .glyphicon-cloud-upload:before {
     content: "\e198";
}
 .glyphicon-tree-conifer:before {
     content: "\e199";
}
 .glyphicon-tree-deciduous:before {
     content: "\e200";
}
 .glyphicon-cd:before {
     content: "\e201";
}
 .glyphicon-save-file:before {
     content: "\e202";
}
 .glyphicon-open-file:before {
     content: "\e203";
}
 .glyphicon-level-up:before {
     content: "\e204";
}
 .glyphicon-copy:before {
     content: "\e205";
}
 .glyphicon-paste:before {
     content: "\e206";
}
 .glyphicon-alert:before {
     content: "\e209";
}
 .glyphicon-equalizer:before {
     content: "\e210";
}
 .glyphicon-king:before {
     content: "\e211";
}
 .glyphicon-queen:before {
     content: "\e212";
}
 .glyphicon-pawn:before {
     content: "\e213";
}
 .glyphicon-bishop:before {
     content: "\e214";
}
 .glyphicon-knight:before {
     content: "\e215";
}
 .glyphicon-baby-formula:before {
     content: "\e216";
}
 .glyphicon-tent:before {
     content: "\26fa";
}
 .glyphicon-blackboard:before {
     content: "\e218";
}
 .glyphicon-bed:before {
     content: "\e219";
}
 .glyphicon-apple:before {
     content: "\f8ff";
}
 .glyphicon-erase:before {
     content: "\e221";
}
 .glyphicon-hourglass:before {
     content: "\231b";
}
 .glyphicon-lamp:before {
     content: "\e223";
}
 .glyphicon-duplicate:before {
     content: "\e224";
}
 .glyphicon-piggy-bank:before {
     content: "\e225";
}
 .glyphicon-scissors:before {
     content: "\e226";
}
 .glyphicon-bitcoin:before {
     content: "\e227";
}
 .glyphicon-btc:before {
     content: "\e227";
}
 .glyphicon-xbt:before {
     content: "\e227";
}
 .glyphicon-yen:before {
     content: "\00a5";
}
 .glyphicon-jpy:before {
     content: "\00a5";
}
 .glyphicon-ruble:before {
     content: "\20bd";
}
 .glyphicon-rub:before {
     content: "\20bd";
}
 .glyphicon-scale:before {
     content: "\e230";
}
 .glyphicon-ice-lolly:before {
     content: "\e231";
}
 .glyphicon-ice-lolly-tasted:before {
     content: "\e232";
}
 .glyphicon-education:before {
     content: "\e233";
}
 .glyphicon-option-horizontal:before {
     content: "\e234";
}
 .glyphicon-option-vertical:before {
     content: "\e235";
}
 .glyphicon-menu-hamburger:before {
     content: "\e236";
}
 .glyphicon-modal-window:before {
     content: "\e237";
}
 .glyphicon-oil:before {
     content: "\e238";
}
 .glyphicon-grain:before {
     content: "\e239";
}
 .glyphicon-sunglasses:before {
     content: "\e240";
}
 .glyphicon-text-size:before {
     content: "\e241";
}
 .glyphicon-text-color:before {
     content: "\e242";
}
 .glyphicon-text-background:before {
     content: "\e243";
}
 .glyphicon-object-align-top:before {
     content: "\e244";
}
 .glyphicon-object-align-bottom:before {
     content: "\e245";
}
 .glyphicon-object-align-horizontal:before {
     content: "\e246";
}
 .glyphicon-object-align-left:before {
     content: "\e247";
}
 .glyphicon-object-align-vertical:before {
     content: "\e248";
}
 .glyphicon-object-align-right:before {
     content: "\e249";
}
 .glyphicon-triangle-right:before {
     content: "\e250";
}
 .glyphicon-triangle-left:before {
     content: "\e251";
}
 .glyphicon-triangle-bottom:before {
     content: "\e252";
}
 .glyphicon-triangle-top:before {
     content: "\e253";
}
 .glyphicon-console:before {
     content: "\e254";
}
 .glyphicon-superscript:before {
     content: "\e255";
}
 .glyphicon-subscript:before {
     content: "\e256";
}
 .glyphicon-menu-left:before {
     content: "\e257";
}
 .glyphicon-menu-right:before {
     content: "\e258";
}
 .glyphicon-menu-down:before {
     content: "\e259";
}
 .glyphicon-menu-up:before {
     content: "\e260";
}
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 *:before, *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 @media ( min-width : 40em) {
     .carousel-caption p {
         margin-bottom: 0.6rem;
         line-height: 1.4;
         font-size: 1rem;
    }
    .fiche-film-ba-in {
		padding-top: 10px;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
 #preload-img {
     display: none;
}
 @media ( min-width : 992px) {
     .text-left p {
         width: 75% !important;
         font-size: 16px;
    }
     .menu-outils-cache {
         display: none;
    }
     #menu-option {
         display: block;
    }
    /*.btn-blog-fiche-film {
         display:none;
    }
     */
     .blog-thumbnail {
            padding: 1rem;
    background-color: #0000;
    border: none;
    max-width: 100%;
    height: auto;
   
    border: 1px solid #80808017;
   
    box-shadow: 10px 5px 5px #f6f6f6;
    }
     .blog-synopsis {
         font-size: 13px;
         text-align: justify;
         padding-bottom: 10px;
    }
     .gp-bt-blog {
         float: right;
         padding: 0px;
    }
     .post-blog-date {
         float: right;
         font-size: 10px;
         right: 10px;
        /* margin-bottom: 10px;
         */
         clear: both;
         width: 100%;
         text-align: right;
         padding-bottom: 10px;
    }
     .container .tout-public, .container .int-12, .container .int-16, .container .int-18, .container .int-x,.container .eclair-color,  .container .atmos , .container .dolby{

         /*display: inline-block;*/
         color: #fff;
         padding: 3px;
		 padding-left:4px; padding-right:4px;
         font-size: 10px;
		 font-weight:bold;
		 
    }
	
	body {

    /*color: #fff;*/

}
}

 @media ( max-width : 992px) {
	 
	 #cine-mob { width:140px;} 
	 #Erakys_page_total_prog .aff-genre-new { display:none;}
	 .selecteur-semaine-fleches {
    font-size: 10px;
}

	 
	 .sigle { display:none;}
	 
	 #Erakys_page_total_prog .zone-mention-vignette-max, #Erakys_page_total_prog .layout-aff{ display:none;}
	 
     .zone-affilm .erk-play {
         position: absolute;
         background: url(../images/lecture-video.png) no-repeat center;
         -webkit-background-size: cover;
         background-size: cover;
         width: 100px;
         height: 100px;
         left: 35%;
         top: 35%;
    }
	
	.mode-mob-detail-mention {line-height: 12px; font-size:10px; margin-left:15px;}
	
     .sepa-menu {
         display: none;
    }
     div#foot-text-mob {
         clear: both;
         padding-top: 10px;
         /*color: #fff;*/
         text-align: center;
    }
     .float-right {
         margin-right: 10px;
         /*color: #FFF;*/
    }
     .float-right a {
         /*color: #FFF;*/
    }
     footer {
         margin-top: 20px;
    }
     div#foot-text-mob a {
         /*color: #fff;*/
    }
     html, body {
         zoom: 100%;
    }
     .detail-slide, .slide-hover {
         right: 3%;
    }
     .fiche-film-div .img-film {
         padding-left: 0px;
         padding-right: 0px;
    }
     .carousel-control-prev-icon, .carousel-control-next-icon {
         display: none;
    }
     .sorties-f {
         font-size: 10px;
    }
     .text-left p {
         width: 80% !important;
         font-size: 10px;
         padding-bottom: 0px !important;
         margin-bottom: 0px !important;
    }
     .text-right p {
         font-size: 0.7rem;
         padding-left: 20%;
    }
     .bt-car, .bt-car-resa {
         display: inline-block;
         padding-left: 5px;
         padding-right: 5px;
         padding-top: 5px;
         padding-bottom: 5px;
    }
     .list-recherche .form-control {
         margin-bottom: 10px;
    }
     .newsletter-page .ico-case {
         color: #7796a6;
         padding: 0px;
         margin-right: 5px;
    }
     #communication img {
         width: 100% !important;
         clear: both;
         padding-top: 5px;
         padding-bottom: 5px;
    }
     .esp-fiche-horaire .div-horaire .esp-bt-achat-option {
         margin-bottom: -5px;
         display: block;
    }
     .esp-bt-achat-option {
         display: block;
    }
     .VI {
         width: 27px !important;
         bottom: 0;
         display: inline-block;
         margin-top: 0px;
    }
     .fiche-film-div .bloc-partage {
        /* right: 35px;
         */
        /* bottom: 0px;
         */
        /* position: absolute;
         */
         text-align: right;
         padding-right: 15px;
         padding-top: 15px;
         position: relative;
         right: 0px;
    }
    /**/
     h1, h2, .titre-blog, .titrepage h1 {
         font-size: 1.2rem;
        /*background-color: #a40630;
        */
         margin: 0px;
         padding: 4px;
         /*color: #fff;*/
        /*margin-bottom: 15px;
        */
        /*padding-top:10px;
        */
         padding-bottom: 10px;
         background-image: none;
         text-transform: uppercase;
		 font-family: 'Quattrocento Sans', sans-serif;
		 margin-bottom: 15px;
		 text-align:center;
    }
     #entete-cine {
         min-height: 10px;
    }
     .pad-mob-title {
         padding: 0px;
		 text-align:center;
		     margin-top: 15px;
    }
     .carousel-caption h1 {
         background-color: transparent;
		 
    }
    /**/
     .mini-carrousel .erk-play {
         left: 12%;
         width: 130px;
         height: 130px;
         top: 35%;
    }
     #video-detail-film .erk-play {
         left: 40%;
         top: 35%;
         width: 100px;
         height: 100px;
    }
     .erk-play {
         left: 45%;
         width:30px;
         height: 30px;
         top: 40%;
    }
     .fiche-film-div .mention-vignette-max {
         left: 15px;
         font-size: 16px;
    }
     .fiche-film-div .avantP {
         right: 15px;
         font-size: 16px;
    }
     .modal-title {
         font-size: 10px;
    }
     .jour-seance {
         font-size: 25px !important;
         line-height: 20px;
         padding-bottom: 10px;
    }
     .pad-zero {
         padding-left: 0px;
         padding-right: 0px;
    }
     .Erakys_bulle_detail {
         font-size: 1.1rem;
    }
     .fiche-film-div .film-detail-img {
         padding-left: 0px;
         padding-right: 0px;
    }
     .fiche-film-div .img-film {
         width: 100%;
    }
     .fiche-film-div .film-detail-contenu {
         padding-left: 0px;
         padding-right: 0px;
    }
     .foot-text-mob {
         padding-right: 10px;
         padding-left: 10px;
    }
     .fiche-film-div .fiche-detail {
         padding-left: 15px;
         padding-right: 15px;
    }
     .film-detail-contenu h1 {
         padding-left: 15px;
         padding-top: 15px;
    }
     .Erk_blogvision_iframe {
         width: 300px;
         height: 168px;
         padding-top: 15px;
    }
     #erakys {
         text-align: center;
         font-size: 10px;
         color: #000;
         width: 100%;
    }
     #erakys a {
         text-align: center;
         font-size: 10px;
         color: #000;
    }
     .blog-pad-cont {
         padding-left: 0px;
         padding-right: 0px;
    }
     .gp-bt-blog {
         padding-left: 0px;
         padding-right: 0px;
         padding-top: 0px;
    }
     footer {
         font-size: 8px; /*10px*/
         padding: 10px;
		     background-color: #f4f4f4;
    }
     #foot-mob {
         display: block;
         padding-left: 10px;
    }
     /*.menu-outils-cache {
         display: block;
    }*/
    /*.gp-bt-blog {
         display:none;
    }
    */
     
     #logo {
        /*display:none;
        */
    }
     .blog-aff {
         width: 100%;
    }
     #myCarousel, #entete-cine, #entete-menu-bt {
         margin-left: 0px;
         width: 100%;
         margin-top: 5px;
    }
    /*.btn-blog-fiche-film .btn-vignette {
         font-size:14px;
    }
    */
     #menu-vignettes-resize,.menu-vignettes-resize {
         display: none;
    }
     .slide-hover {
         position: absolute;
         width: 20%;
         height: 90%;
         right: 10%;
         top: 5%;
         overflow: hidden;
         background-color: #4b4a45;
         z-index: 200;
    }
     .slide-hover .img-detail-slide {
         width: 100% !important;
    }
     .slide-hover .contenu-detail-slide {
         display: none !important;
    }
     h1 {
         font-size: 1.3rem;
    }
     .title-film {
         font-size: 1.5 em !important;
    }
     .central h2 {
         font-size: 1.6rem;
         font-weight: normal;
         color: #fff;
         background-color: transparent;
		 font-family: 'Quattrocento Sans', sans-serif;
    }
    /*.btn-blog-fiche-film {
         position:absolute;
         top:20px;
         display:block;
         width: 80%;
         left: 10%;
    }
    */
     .cache-xs {
         display: none;
    }
     .aff-gd-jour {
         display: block;
         font-size: 12px;
    }
     .jour-mob {
         font-size: 26px;
         font-weight: bold;
    }
     .jourj-mob {
         font-size: 26px;
         font-weight: bold;
         display: block;
    }
     .central {
         display: none;
    }
    /*.titre-blog, h2 {
         font-size: 1.4rem;
         background-color: #7796a6;
         margin: 0px;
         padding: 4px;
         color:#fff;
    }
    */
     .blog-thumbnail {
           padding: 1rem;
    background-color: #0000;
    border: none;
    max-width: 100%;
    height: auto;
   
    border: 1px solid #80808017;
   
    box-shadow: 10px 5px 5px #f6f6f6;
    }
	
	body {

    /*color: #fff;*/
}


     .blog, .blog2,.bloc-2cols-g,.bloc-2cols-d {
         margin-top: 10px;
    }
     .pad5 {
         padding-right: 5px;
         padding-left: 5px;
    }
     #entete-cine {
         font-size: 8px;
    }
     .post-blog-date {
         font-size: 10px;
         float: right;
         clear: both;
         font-style: italic;
    }
     .blog-detail {
         margin-top: 5px;
    }
     .blog h3, .blog2 h3 {
         font-size: 1.2rem;
         clear: both;
		 text-align: center;
		font-weight: bold;
    }
     .layout-aff-roll {
         z-index: 10;
    }
     .mention-vignette-blog {
         color: #fff;
         text-align: center;
    }
     .blog-synopsis, .blog-detail {
         font-size: 12px;
         text-align: justify;
         width: 97%;
    }
     .gp-bt-blog .btn {
         font-size: 0.8rem;
         width: 48% !important;
         margin-left: 0px;
         margin-bottom: 0px;
         margin-right: 1px;
         margin-top: 0px !important;
    }
     .blog-pad-im {
         padding-right: 5px;
         padding-left: 0px;
    }
     .gp-bt-blog .btn-R {
         width: 100% !important;
    }
     #div-google-twit {
         float: left;
         margin-top: 0px;
         margin-left: 7px;
    }
     .layout-aff h3 {
         margin: 0px;
         font-size: 12px;
    }
     .gp-bt-blog .btn-R {
         width: 97% !important;
         margin-right: 2px;
    }
     .margeur-petit {
         width: 50%;
         padding-right: 5px;
         padding-left: 5px;
         margin-bottom: 10px;
    }
    /*.carousel-caption {
         position: relative;
         right: auto;
         bottom: auto;
         left: 5px;
         z-index: 10;
         padding-top: 5px;
         padding-bottom: 20px;
         color: #fff;
         text-align: center;
         margin-right: 15px;
    }
    */
     .caroussel-pad {
         padding-right: -10px;
    }
    /*.vignette-pad {
         padding-right:-15px;
    }
    */
     .carousel-caption H1 {
         font-size: 1.5rem;
    }
     #myCarousel .mention-vignette-max {
         font-size: 0.5em;
         padding: 1px;
    }
     .layout-aff .p {
         line-height: 1.1;
    }
     .text-active p {
         font-size: 0.5rem;
    }
     .margeur-petit .p {
         display: none;
    }
     .carousel-caption .btn-primary {
         font-size: 0.5rem;
         padding: 5px;
    }
     #myCarousel .mention-vignette-max {
         display: none;
    }
     .nom-cine-semaine {
         display: none;
    }
     .carousel-indicators {
        /*display:none;
        */
    }
     #communication .col {
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 100%;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
     .esp-fiche-horaire .fiche-film-div {
         padding-left: 0px !important;
         padding-right: 0px !important;
         /*display: none;*/
    }
     .Erakys_bulle_detail {
         width: 100%;
    }
     .titre-film-horaire-mob {
         padding-left: 0px !important;
         padding-right: 0px !important;
         font-size: 23px;
         padding-bottom: 10px;
         font-weight: bold;
         line-height: 26px;
         width: 100%;
    }
	.text-film-horaire-mob { font-size:10px !important;}
    /*.titre-film-horaire-mob .mention-vignette-max {
         right:0 !important;
         left:auto;
         display:inline-block;
         font-size:8px !important;
         padding-bottom:0px;
    }
    */
     .pad-zero-mob {
         padding-left: 10px !important;
         padding-right: 0px !important;
    }
     .titre-film-horaire-mob .avantP, .titre-film-horaire-mob .mention-vignette-max {
         font-size: 8px !important;
         position: relative;
         float: right;
         margin: 0px;
         padding: 0px;
         right: auto;
         left: auto;
         bottom: auto;
         top: auto;
         margin-right: 5px;
         padding-left: 3px;
         padding-right: 3px;
         margin-left: 4px;
    }
     .titre-film-horaire-mob .zone-info-mob {
         position: absolute;
         bottom: 0;
         right: 0;
    }
     .titre-film-horaire-mob .text-film-horaire-mob {
         font-size: 10px;
         color: #fff !important;
         line-height: 12px;
         padding: 5px;
         padding-bottom: 25px;
         padding-top: 10px;
         font-weight: normal;
    }
     .cache-xs {
         display: none;
    }
	
     .titre-film-horaire-mob .text-film-horaire-mob {
         text-align: left;
    }
     .text-film-horaire-mob {
         /*display: none;*/
    }
     .pad15 {
         padding-left: 15px !important;
         padding-right: 15px !important;
    }
     .sel-fiche-horaire .erk-select-semaine {
         padding-top: 0px;
    }
     .etape {
         background-color: #7796a6;
         text-align: center;
         color: #fff;
         font-weight: bold;
         padding-right: 10px;
         font-size: 16px;
         padding: 5px;
    }
     .etape-num {
         font-size: 20px;
         line-height: 20px;
    }
     .mode-rapido .col-lg-11 {
         padding: 0px !important;
    }
     .mode-rapido .blog-thumbnail {
         padding-bottom: 10px !important;
    }
     .contact-page .blog-thumbnail, .newsletter-page .blog-thumbnail {
         border: 0px;
    }
}
 @media ( min-width : 992px) and (max-width: 1023px) {
     .mini-carrousel .erk-play {
         left: 10%;
         width: 80px;
         height: 80px;
         top: 35%;
    }
}
 @media ( min-width : 600px) and (max-width: 1023px) {
     .carousel-caption H1 {
         font-size: 2.5rem;
    }
}
 @media ( min-width : 992px) and (max-width: 1200px) {
     .sorties-f {
         font-size: 8px !important;
         right: 10px;
         bottom: 5px;
    }
     .margeur-petit .date-s-cache {
         display: none !important;
    }
     .margeur-petit h3 {
         padding-bottom: 0px !important;
    }
     .margeur-petit .version {
         margin-top: 0px;
    }
     .margeur-full .sorties-f { clear: both;
         font-size: 10px !important;
    }
     .nav-link {
         font-size: 12px !important;
    }
     .h1, h1 {
         font-size: 2.1rem;
    }
     .title-film {
         font-size: 2em !important;
    }
     .text-left p {
         width: 60% !important;
         font-size: 12px;
    }
     .carousel-caption {
         right: 5%;
         left: 20%;
         padding-bottom: 0px;
    }
     .carousel-caption h1 {
         font-size: 1.9rem !important;
    }
     .etape {
         background-color: #7796a6;
         text-align: center;
         color: #fff;
         font-weight: bold;
         padding-right: 10px;
    }
     .etape-num {
         font-size: 28px;
         line-height: 20px;
    }
     .container {
         width: 900px;
         max-width: 100%;
    }
     .vignette-pad {
         padding-bottom: 0px;
    }
     .titre-film-horaire-mob {
         display: none;
    }
     .Erakys_bulle_detail {
         font-size: 16px;
         padding-left: 3px;
         padding-right: 3px;
         padding-top: 3px;
         padding-bottom: 3px;
         width: 90%;
         margin-top: 1px;
		 border: 1px solid #fff;
    }
     .fiche-film-div .film-detail-img {
         padding-left: 15px;
         padding-right: 0px;
    }
     .fiche-film-div .film-detail-contenu {
             padding-left: 15px;
    padding-right: 15px;
    }
     .fiche-film-div .avantP {
         top: 0px;
    }
     .h3, h3 {
         font-size: 20px;
    }
     .rea-film {
         margin-bottom: 40px;
    }
     .layout-aff-full .p {
         font-size: 10px;
    }
     .cache-opti-titre {
         display: none;
    }
     .margeur-petit .layout-aff-roll .p {
         display: none;
    }
     .container h2 {
         margin-bottom: 10px;
		 font-family: 'Quattrocento Sans', sans-serif;
    }
     .blog-detail {
         font-size: 12px;
    }
     .blog-aff {
         width: 100%;
         margin-left: 10%;
    }
     .blog_full {
         font-size: 13px;
         padding-left: 20px;
         margin-top: 20px;
         padding-right: 20px;
    }
     .blog,.bloc-2cols-g {
         font-size: 13px;
         padding-left: 20px;
         margin-top: 20px;
         padding-right: 20px;
         float: left;
         display: inline;
         clear: left;
    }
     .blog2,.bloc-2cols-d {
         font-size: 13px;
         padding-left: 20px;
         margin-top: 20px;
         padding-right: 20px;
         float: right;
         display: inline;
         clear: right;
    }
     .container .mention-vignette-blog {
         top: 0px;
         right: 3px;
         left: auto;
         bottom: auto;
         text-align: center;
         position: absolute;
         width: auto;
    }
     h2 {
         font-size: 2rem;
		 font-family: 'Quattrocento Sans', sans-serif;
    }
     .margeur-full .mention-vignette-max {
         margin-left: 0px !important;
    }
     .blog-detail-film {
         text-align: center;
         padding: 0px !important;
    }
     .margeur-full .rea-film {
         position: absolute;
         bottom: -45px;
    }
     .margeur, .margeur-petit {
         padding: 5px;
         overflow: hidden;
    }
     .margeur .mention-vignette-max {
         margin-bottom: 0px;
         margin-left: 5px;
    }
     .margeur-petit .mention-vignette-max {
         margin-bottom: 0px;
         margin-left: 0px;
    }
     .layout-aff-roll {
         top: 0px;
    }
     .rea-film {
         display: none;
    }
     .avantP {
         position: absolute;
         top: 5px;
         right: 5px;
         color: #fff;
         background-color: #7796a6;
         padding: 7px;
         font-size: 11px;
    }
     .margeur-full .avantP, .margeur-full .dernierP {
         top: 0px;
         right: 15px;
    }
     .dernierP {
         position: absolute;
         top: 5px;
         right: 5px;
         color: #fff;
         background-color: #4c4a44;
         padding: 7px;
         font-size: 11px;
    }
     .layout-aff h3 {
         color: #000;
         text-align: center;
         padding: 10px;
         font-size: 14px;
    }
     .davtrap {
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 50%;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .opener-info-mob {
         padding: 0px;
         margin: 0px;
    }
     .text-film-horaire-mob {
         display: none;
    }
}
 .ligne_ach1 .lien-achat {
     margin-right: 5px;
}
 .erreur_validation {
     color: red;
}
 .selectRechercheFilm {
     background-color: rgb(20, 10, 11);
     color: rgb(255, 255, 255);
     box-shadow: none;
     cursor: pointer;
}
 #modal-body-pub {
     margin-top: 15px;
}
 .menu-vignettes-recherche {
     right: 23px !important;
     top: 45px !important;
}
 @media ( max-width : 1200px) and (min-width: 992px) {
     .titre-blog {
         margin-left: 15px;
    }
}
 .listeFilmsSalle {
     margin-top: 15px;
}
 @media ( max-width : 640px) {
     #myCarousel-module-galerie {
         margin-bottom: 30px;
    }
     .seance-mob {
         display: none;
    }
     #video-detail-film .erk-play {
         left: 35%;
         top: 25%;
         width: 80px;
         height: 80px;
    }
     .carousel-caption {
         right: 2%;
         left: 0%;
         padding-bottom: 0px;
         top: 30%;
    }
     .carousel-caption H1 {
         font-size: 0.9rem;
    }
     .text-right p {
         font-size: 0.5rem;
         padding-left: 0.5rem;
         padding-right: 0.5rem;
    }
     .bt-car, .bt-car-resa {
         font-size: 0.5rem;
    }
     #logo {
         display: none;
    }
     .erk-play {
         left: 40%;
         width: 30px;
         height: 30px;
         top: 40%;
    }
     .mini-carrousel .erk-play {
         left: 10%;
         width: 60px;
         height: 60px;
         top: 35%;
    }
}
 @media ( min-width : 400px) and (max-width: 700px) {
     .carousel-caption {
         right: 2%;
         left: 0%;
         padding-bottom: 0px;
         top: 40%;
         left: 20%;
    }
}
 #espace-pub-locale .col-12 {
     padding: 0px;
}
 .text-pub {
     text-align: right;
     font-size: 0.6rem;
     line-height: 0.8rem;
     padding: 2px;
}
 @media ( min-width : 992px) and (max-width: 1023px) {
     body {
         margin-top: 46px;
    }
	
}

 @media (max-width: 993px) {
	 
#mini-menu-1024 { display:none;}

#Erakys_page_total_prog .avant-mini {

    width: 50%;
}

 }


 @media (max-width: 1022px) {
    
	#logo-cine  { display:none;}
	
}
 @media ( min-width : 1025px) {
    #mini-menu-1024 { display:none;}
	
}
 @media (max-width: 1025px) {
    #menu-option {
         display: none !important;
    }
	
}


 @media ( min-width : 993px) and (max-width: 1024px) {
	 #logo-cine {
   
	    display: block;
    position: absolute;
    top: 0px;
    left: 10px;
    height: 87%;
    width: auto;
}
#mini-menu-1024 { width:100%; padding-top:10px; padding-bottom:10px; text-align:center;}
 }
 
 
 @media ( min-width : 992px) and (max-width: 1024px) {
     .navbar-brand {
         display: none !important;
    }
     .navbar-toggleable-md .navbar-nav .nav-link {
         padding-right: 3px;
         padding-left: 3px;
         font-size: 14px !important;
    }
     .menu-outils-cache {
         display: none;
    }
     .navbar {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         padding-left: 0;
         margin-bottom: 0;
         list-style: none;
         background-color: #fff;
    	padding-left: 30px;
		    background-position: bottom;
    background-repeat: repeat-x;
    border-top: 10px solid #fff;
    text-align: center;
    padding-top: 10px;
    z-index: 1100;
    background-color: #fff !important;
    padding-left: 185px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    }
     .navbar-toggleable-md .navbar-collapse {
         display: -webkit-box !important;
         display: -webkit-flex !important;
         display: -ms-flexbox !important;
         display: flex !important;
         width: 100%;
    }
}
 .galerie-erk {
     padding-bottom: 10px;
     padding-top: 10px;
}
 @media ( min-width : 1024px) {

    .regie {
    background-color: #000;
}

#video-detail-film .erk-play {
         left: 40%;
         top: 30%;
         width: 100px;
         height: 100px;
    }
     .navbar-toggleable-md .navbar-nav .nav-link {
         padding-right: .4rem;
         padding-left: .4rem;
             color: #685597;
    font-weight: 600;
    }
     .nav-link {
         font-size: 17px !important;
    }
     .fixed-top {
            /* background-image: url(../images/fond.png); */
    background-position: bottom;
    background-repeat: repeat-x;
    
    text-align: center;
    padding-top: 20px;
    z-index: 1000;
	height: 185px;
    background-color: #fff !important;
    /*padding-left: 185px;*/
     -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
	justify-content: center;
	
	
    }
}
 @media ( min-width : 900px) and (max-width: 1023px) {
     .carousel-caption {
         right: 2%;
         left: 0%;
         padding-bottom: 0px;
         bottom: 25%;
    }
}


/* regie */

@media (max-width: 1023px) and (min-width: 643px){
#annonceM {
    display: block !important;
    border-bottom: 10px solid #000
;
}}


.coeur-coup { float:left; display: block;}
.avant-mini { float:left; /*display: none;*/}
.derniere-mini { float:left; display: block;}

.col.heure-seance.color-heure.auj_cell2 {
    background-color: #ba1416;
}

.selecteur-semaine-fleches {
	padding-bottom:15px;	
}

.selecteur-semaine-fleches .glyphicon-fast-backward:before, .selecteur-semaine-fleches .glyphicon-fast-forward:before {
   color:#000000;   
}


.selecteur-semaine-fleches a{
	color:#000000 !important;
}

.icone-selecteur-semaine.semaineSuiv {
	float:right;
}

.icone-selecteur-semaine i {
	padding-top:2px;
	color:#fff;
	/*font-size:20px;*/
}


@media (max-width: 576px) {
.col-xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

#Erakys_page_total_prog .zone-info-film {
    left: 12px !important;
}

.col-xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	padding-right: 0px;
}

#Erakys_page_total_prog .zone-mention-vignette-max, #Erakys_page_total_prog .layout-aff{ display:none;}

#Erakys_page_total_prog .h3, #Erakys_page_total_prog h3 {
    font-size: 1.2rem;
}

#Erakys_page_total_prog .z-mob-h { font-size:0.9rem;}

}

.pad-normal.bloc:empty {
    display: none;
}

@media (min-width: 1024px){
.fixed-top #logo-cine {
    height: 110px !important;
}}

.vignette-aff {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.Erakys_bulle_detail a:hover {
    color: #fff !important;
   
}


@media ( max-width : 990px) {	
	/* nouveau menu*/
	
	li.nav-item {
    font-size: 1rem;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    width: 100%;
    background-color: #ffffff1a;
	border-left: 2px solid #ffffff42;
}


.nav-item a:focus, .nav-item a:hover {
    color: #fff !important;
    font-weight: 900;
    text-decoration: underline;
}


.dropdown-menu>li>a {
    font-size: 14px;
}

li li.nav-item {
    font-size: 1rem;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    width: 95%;
    background-color: #ffffff;
}


li ul.dropdown-menu {

    background-color: transparent;

}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

li.nav-item.dropdown-divider.menu-outils-cache {
    display: none;
}


.navbar-nav {
 
   margin-top: 15px;
    align-items: center;
}

#menu_principal {
    position: relative;
    padding: 0 5px 5px 5px;
    height: calc(100vh - 52px);
    padding-bottom: 150px;
    overflow-y: scroll;
}

.nav-link {
    display: block;
    padding: 0;
	
}
/* */
}

.envie-recherche {display:none;}

@media (min-width: 992px){
	
	#cine-mob { display:none;}
.navbar-toggleable-md .navbar-collapse {
      margin-top: 5px;
    width: auto;
}}

.flexMenu { display:flex; flex-direction:column;}


/*
span.cinema-achat-rapide-3-clics-cache {
    display: none;
}

span.cinema-achat-rapide-content::before {
    content: 'à CinéMassy.';
}

span.cinema-achat-rapide-cache {
    display: none;
}
*/
.aff-zone-info-film {
    position: relative;
}

.row.content.film-detail-img-content {
    border: 1px solid red;
    padding: 15px;
    padding: 1rem;
    background-color: #0000;
    border: none;
    max-width: 100%;
    height: auto;
    border: 1px solid #80808017;
    box-shadow: 10px 5px 5px #f6f6f6;
}


.nav-item a:focus, .nav-item a:hover {
    color: #7664a0 !important;
    /*font-weight: 900;*/
    text-decoration: none;
}

.dropdown-menu .nav-link:hover {text-decoration: underline;}

/*mise à jour EK */
.layout-aff, .layout-aff-full {
    background-image: none !important;
}

.EK-cache-gorille {display:none !important;}

/* Etape */

select#idjour, select#idfilm {
    background-color: white;
    color: black;
}

.rapide-horaire .Erakys_bulle_detail {
    width: auto;
    padding: 10px;
    border: 1px solid;
    font-weight: 800;
    font-size: 1.4rem;
}

.bulle-express:hover {
    cursor: pointer !important;
}

@media (min-width: 1200px) {
    .etape-num {
        font-size: 28px;
        line-height: 20px;
        clear: both;
        display: block;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {
    .etape-num {
        font-size: 28px;
        line-height: 20px;
        margin-right: 10px;
    }

 .etape {
         padding: 10px;
    }
}


@media (max-width: 992px) {
    .etape-num {
        font-size: 20px;
        line-height: 20px;
        margin-right: 10px;
    }
	
#Erakys_page_total_prog img.tags {
    width: 32px;
    height: auto;
}

.zone-info-film{
  pointer-events: none;
}
}


.select-achat-rapide {
    font-weight: 300;
    font-size: 1rem;
}

.etape br {
    display: none;
}

.etape {margin-top:30px;margin-bottom: 15px;}