.scrollable 		{float:left;position:relative;overflow:hidden;width: 760px;height:155px;clear:both;}
.cinema .white p		{margin:0 15px 26px 15px;}


@font-face {
	font-family: "AvantGarde";
	/*src: url('../font/avant_garde3.ttf');*/
    src: url('../font/AvantGarITCbyBTExtLig');

}


@font-face {
    font-family: 'ITCAvantGardeStd-Bk';
    src: url('../font/AvantGarde/ITCAvantGardeStd-Bk.eot');
}

@font-face {
    font-family: 'ITCAvantGardeStd-Bk';
    src: url('../font/AvantGarde/ITCAvantGardeStd-Bk.woff') format('woff'),
    url('../font/AvantGarde/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
}


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



/*#nav { border-top:dashed 1px #CCC;}*/
#nav h3			{font-size:22px; font-family: "ITCAvantGardeStd-Bk"}
#show_links{height:50px;display:inline-block;}
#nav p			{font-size:14px;}

.movie_slider 			{display: inline; position: relative; float:left;margin:4px;}
.movie_slider h2 		{ cursor:pointer;}
.movie_slider h2 span 	{color:#459022; margin:0 0 15px 0;text-indent:-9999px;display:inline-block;}
.movie_slider ul 		{ float:left;overflow:hidden;height:145px;}
.movie_slider ul li 	{ position: relative; display:inline;margin:0 auto}
.movie_slider ul li img { width:105px;height:130px;}


.slider_background {background:none repeat scroll 0 0 #FFF; border:solid #BBB 0px;padding:10px 3px 7px 5px;height:150px;}

#affiches_header .thumbnail { padding:5px;border:solid #CCCCCC 1px; margin: 0 3px ;background-color:white;}
#affiches_header_wrap 		{margin-left:auto;margin-right:auto;text-align: center;display:inline-block;}

#header .dh4		{
    padding:0px 0 0px 0;
    /*border-top:4px double #CCC;
    order-bottom:4px double #CCC;*/

}

#header{
    position:relative;
    border-bottom: solid 1px #c7c7c7;
    display:block;padding-bottom:5px;
    height:90px;
}

#head {
	position: relative;
    width: 100%;
}

#header5.sticky #header-main {
    border-bottom: solid 0px;

}

#header5.sticky{
	#position: fixed;
	#top: 0;
    background-color: white;
    #z-index: 999;
    transition: all 0.3s;

    -moz-box-shadow: 0px 2px 10px 0px rgba(40,40,40,.2);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(40,40,40,.2);
    -o-box-shadow: 0px 2px 10px 0px rgba(40,40,40,.2);
    box-shadow: 0px 2px 10px 0px rgba(40,40,40,.2);

}

@media (min-width: 768px) {
    .sticky-top #header-main .logo {
        height: 79px;
        background: url(/static/kino/img/logo_cinema2.png) no-repeat 20%;
        background-size: 50%;
        transition: 0.6s ease;
    }

    .sticky-top li.saison {
        display: none;
    }

    .sticky-top #header-main .main-menu {
        margin-top: 3rem;
    }

    .sticky-top #header-main .secondary-menu {
        margin-top: 0.1rem;
    }

    .sticky-top #header-main .secondary-menu.menu_right_nomore {
        padding-top: 20px;
    }

    .sticky-top #header-main .secondary-menu.menu_right_annual, .sticky-top #header-main .secondary-menu.menu_right_pdfs {
        padding-top: 5px;
    }

    .sticky-top #header-main .secondary-menu.menu_right_pdfs_and_annual {
        padding-top: 5px;
    }

}

#navi_left   {top:75px;left:720px;}


#affiche_cette_semaine_wrapper {margin-left:5px;padding:0px 0px; border:solid #222 1px;background-color:#FFF;display:block;  font-size:16px;color:#AEAEAE}


@media (max-width: 768px) {

    #affiche_cette_semaine_wrapper{
        display: none;
    }
}
@media (min-width: 768px) {

    #affiche_cette_semaine_wrapper_min{
        display: none;
    }
}

#affiche_cette_semaine {margin:5px ;padding: 20px 5px; height: 163px;background-color:#222;text-align: middle;}

a.right{right: -20px;}
.hover {cursor:pointer;}
.footer_bis a:hover,#footer a:hover { color: #2790a8; }


#nav li.hover .lucida	{color:#6A4B10;}


.like-button{filter:hue-rotate(60deg);}
.fb-like { filter:hue-rotate(240deg); -webkit-filter: hue-rotate(240deg); }
#facebookbox{ filter:hue-rotate(190deg); -webkit-filter: hue-rotate(320deg); }

ul.main_nav li {
    font-size:16px;
    font-weight:bold;
    color: #557f8b;
}

ul.main_nav li.active {
    color: #c01f17;
}

ul.main_nav li:hover{
    color: #edb72a;
}


ul.main_nav li {
    display: block;
    float: left;
    position: relative;
    margin-right:20px;

}

ul.main_nav {
    list-style: none;
    padding: 0;
    text-align: left;
    bottom: 0;
    position: relative;
    margin-left:10px;
    margin-top:50px;
}

#header h1 { height:30px;text-indent:-10000px;}
#header h1:hover { cursor:pointer;}



#header{background:url('/static/kino/img/logo6p.png') no-repeat  555px 5px;padding-top:40px;background-size: 180px }

#petit_cine{background:url('/static/kino/img/picto_ptit-cinep.png') no-repeat  10px 0px;margin-top:0px;background-size: 100px }
#cine_bleu{background:url('/static/kino/img/picto_cine-bleup.png') no-repeat  10px 0px;margin-top:0px;background-size: 100px }
#other{background:url('/static/kino/img/picto_evenementp.png') no-repeat  10px 0px;margin-top:0px;background-size: 100px }


#petit_cine.hover .content{
    color:white;
}


.eventbox {
    display:block;
    height:150px;
    text-align:center;
    margin-bottom:20px;
}


.eventbox .content{
    margin-left:120px;
    margin-top:0px;
}



@media (max-width: 768px) {

    h2{
        font-size: 30px;
    }

    .movie_week_nav{
        float:right;
    }

    .movies_nav_date{
        display:none;
    }

    .already_bookable_btn, .prochainement_btn, .cettesemaine_btn{
        display: inline-block;
        width:30px;
        height:30px;
        font-size: 1rem;
        padding: 2px;
        line-height:1.2;
        color:#557f8b;

    }

     .first_post  .already_bookable_btn{
        color: #557f8b;
    }

    .first_post  .cettesemaine_btn{
        color: #557f8b;
    }

    .first_post  .prochainement_btn{
        color: #557f8b;
    }



    h2:first-letter{
        font-weight: bolder;
    }



    .first_post .button {
        padding-top: 7px;
    }

    .movies_nav a{
        /*text-indent: -1000px;*/
        text-align: center;
        margin-top: 5px;
        padding-top: 7px;
        font-weight: bold;
    }

    .movies_nav {
        height:32px;
        display: inline-block;
        margin-top:-10px;
        width:70px;
    }



    .eventbox {
        height:100px;
        text-align:center;
        margin-bottom:10px;
    }


    .eventbox .content{
        margin-left:90px;
        margin-top:0px;
    }


    #petit_cine{background-size: 70px }
    #cine_bleu{background-size: 70px }
    #other{background-size: 70px }


}

.eb_label{
    font-variant:small-caps;
    line-height: 25px;
}

.eb_title{
    color:black;
    font-variant:small-caps;
}

.eb_date{
    color:black
}

.inner_content{
    margin:5px;
    height:130px;
    color:whitesmoke;
    align:center;
    vertical-align: center;
    padding:15px 5px;
}

@media (max-width: 992px) {

    .inner_content {
        height: 85px;
        padding: 0px 5px;
    }

}



#petit_cine .content {
    border:solid 1px #DE4F40;
}

#petit_cine .inner_content {
    background:#DE4F40;
}

#petit_cine.hover .inner_content {
    background: #e95343;
    color:white;
}

#petit_cine.hover .content {
    border:solid 1px #0b0505;
}



#cine_bleu .content {
    border:solid 1px #8075C9;
}

#cine_bleu .inner_content {
    background:#8075C9;
}

#cine_bleu.hover .inner_content {
    background: #9b8eef;
    color:white;
}

#cine_bleu.hover .content {
    border:solid 1px #0b0505;
}


#other .content {
    border:solid 1px #EFBD5F;
}

#other .inner_content {
    background:#EFBD5F;
}

#other.hover .inner_content {
    background: #ffca63;
    color:white;
}

#other.hover .content {
    border:solid 1px #0b0505;
}






.button2 {
     background-color: #333;
    border-radius: 3px 3px 3px 3px;
    color: #aaa;
    padding: 6px 6px;

}

.button2 span{
    color: #fba81e; <!--9bdbda  -->
     font-weight: bold;
}


.button3 span{
    color: #c01f17; <!--9bdbda  -->
    font-weight:bold;
}


a.button3:hover span{
    color: #edb72a; <!--9bdbda  -->
}

.footer_bis .social a, #footer .social a {
    margin: 5px 4px;
    line-height: 15px;
}

#nav p {
    color:#888;
}

#footer, .footer_bis {
    margin-top:5px;
    font-size:10px;text-align: center;padding-top:20px; display:block;position:relative;color:#444;
}

.all_posts .button {
    background-color: #B0B0B0;
}

.all_posts .wrap_schedules .dh4 {
font-variant:small-caps;color:rgba(0,0,0,0.7);
}

#news_main_content a {
    color: #2790a8;
    font-weight: bold;
}



#editobox{
    background-color: #fff;width:515px;display: inline;
    float: left;margin-left: 55px;margin-right: 10px;overflow: hidden;text-align: left;
}

#edito_content.hover{
    background-color: #e6d4b3;
    border: solid 1px #2e1f04;
}

#wrapped_editobox{
    background: url('/static/kino/img/editobar2.png') repeat-x scroll 0 0 transparent;border-width: 0 1px 1px; margin-bottom: 15px;;padding-top: 4px;
}

#wrapped_editobox h3 {
    font-variant:small-caps;color:#222;line-height: 20px;font-size:14px;background-color:white;padding: 4px;text-align: left;
}

#edito_content{
    border: solid 1px #ccc;
    line-height: 13px;
    padding: 8px 8px 14px 8px;
    height:120px; /*150px*/
    overflow: hidden;
    background-color: #f9f5ed;
}

#edito_content p, #edito_content li{
    line-height: 14px;
    font-size: 12px;
    font-family: arial;
    padding-bottom: 4px;

}

#edito_content ul,
#edito_content ul li{
    list-style:square url('/static/kino/img/bullet3.png') outside;
    margin-left:5px;
    padding-left:2px;

}

#edito_content em{
    font-weight: bold;
    color: #795208;
}


#edito_content strong{
    font-weight: bold;
}




/*




#editobox{
    background-color: #fff;
    width:515px;
    display: inline;
    float: left;margin-left: 55px;margin-right: 0px;
    overflow: hidden;
    text-align: left;
}

#edito_content.hover{
    background-color: #e6d4b3;
    border: solid 1px #2e1f04;
}

#wrapped_editobox{
    background: url('/static/kino/img/editorbar2.png') repeat-x scroll 0 0 transparent;
    border-width: 0 1px 1px; margin-bottom: 15px;
    padding-top: 4px;
}

#wrapped_editobox h3 {
    font-variant:small-caps;color:#222;line-height: 20px;font-size:13px;background-color:white;padding: 4px;text-align: left;
}

#edito_content{
    border: solid 1px #ccc;
    line-height: 13px;
    padding: 8px 8px 14px 8px;
    height:150px;
    overflow: hidden;
    background-color: #f9f5ed;
}

#edito_content p, #edito_content li{
    line-height: 14px;
    font-size: 13px;
    font-family: "ITCAvantGardeStd-Bk";
    padding-bottom: 4px;

}

#edito_content ul,
#edito_content ul li{

    list-style:square url('/static/kino/img/bullet2.png') outside;
    margin-left:5px;
    padding-left:2px;

}

#edito_content em{
    font-weight: normal;
    font-style: normal;
    color: #ad2525;
}


#edito_content strong{
    font-weight: normal;
}
*/

#news_content a:hover {
    color: #557f8b;
    border-bottom: dashed 1px #ad2525;
}


#facebookbox{
    position:abolute;top:-5px;left:50px;height:20px;
}

a.browse:hover{
    color: #2790a8;
}

a.button2:hover, #affiche_cette_semaine.hover {
    color:#efefef;
}

a.button2:hover span, #affiche_cette_semaine.hover .affiche_cette_semaine_gold {
    color: #ea5c4d;
}

.affiche_cette_semaine_gold{

font-variant:small-caps;color: rgba(192, 31, 23, 0.9);
}

#affiches_header .thumbnail:hover{
     border: 1px solid #555;
}


#news_main_content{

    display:block;position:relative;margin-top:15px;padding-left:10px;
}

#news_main_content ul,
#news_main_content ul li {
    list-style:square url('/static/kino/img/bullet3.png') outside;
    margin-left:5px;
    padding-left:5px;
}

#news_main_content  .dh4{
 margin: 5px 0 5px 30px ;float:right;text-align:left;width:80%;font-weight:bold;
}

.footer_bis small, .footer_bis small, #footer a , .footer_bis a{
    font: 12px/24px "Lucida Grande",Verdana,Tahoma;
}


.footer_bis .social     {text-align: center;margin-top:8px;}
.footer_bis .social a   {height: 16px;width: 16px;display:inline-block;text-indent: -9999px;}

.state3D_3D  {

    background: url('/static/kino/img/state3D_3D_bis.gif') no-repeat ;
    background-position: top 1px right -2px;
}
.statevo_VO  {


    background: url(/static/kino/img/statevo_VO.gif) no-repeat;
    background-position: top 1px right -2px;
}

.all_posts .wrap_schedules .statevo_VO span em, .all_posts .wrap_schedules .state3D_3D span em {
    color: #2790a8;
}

.wrap_schedules li {
    padding-right: 12px;
}

#event_main_content{
    border-left:dashed 1px #CCC;
    padding-left:20px;
    margin-left:20px;
}

#event_main_content h4 , #news_main_content h4{
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom:30px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 18px;
    color: rgb(190, 72, 53);
    border-bottom: 1px dashed rgb(190, 72, 53);
}

.news_main_content_entry h5{
    margin-right:0%;margin-top:5px;
    margin-bottom:10px;text-align:left;font-weight:bold;

}

div.news_main_content_entry{
    margin-bottom:10px;
}




.eventsSmall>div.CINE_EXPO{
    background:url(/static/kino/img/picto_cine-xpo2.png) no-repeat 0px 0px;background-size:15%;
}

.eventsSmall>div.CINE_KIDS{
    background:url(/static/kino/img/picto_cine-kids2.png) no-repeat 0px 0px;background-size:15%;
}

.eventsSmall>div.CINE_PHILO{
    background:url(/static/kino/img/picto_cine-philo2.png) no-repeat 0px 0px;background-size:15%;
}

.eventsSmall>div {
    background:url(/static/kino/img/picto_cine-event3.png) no-repeat 0px 0px;background-size:15%;
}

.colophon {
    color: #959595;
}

.colophon a{
    color: rgba(102, 159, 176, 0.75);
}

.slash{
    color:#aaa;font-size:85%;font-style:normal;letter-spacing:-8px;
}

.movieInfos{
    color:#666;font-size:90%;
}


@media (max-width: 760px) {


    .movieInfos{
        font-size: 70%;
         display: inline-block;
    }

}

.movieCategory_PTIT_CINE{
    background: url('/static/kino/img/picto_ptit-cinep.png') no-repeat  0px 0px;
}

.movieCategory_CINE_BLEU{
    background: url('/static/kino/img/picto_cine-bleup.png') no-repeat  0px 0px;
}

.movieCategory_OTHER{
    background: url('/static/kino/img/picto_evenementp.png') no-repeat  0px 0px;
}

.movieCategory{
    width:30px;
    display: inline-block;
    background-size: 30px;height:40px;
    vertical-align: middle;
}

.booking{
    position:relative; bottom:0px;font-size:14px;float:left; margin:5px;margin-left:50px;text-align: center;
}

@media (max-width: 768px){


    .schedules-grid {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
        -moz-column-gap: 10px; /* Firefox */
        column-gap: 10px;
        padding:5px 1px 5px 1px;
    }
}

.booking a{
    #background-color:white;
    border-color: rgba(215, 16, 66, 0.67);
    border: dashed 1px;
    color:#DD1144;
    font-size: 14px;
    padding: 3px 6px;
    line-height: 22px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.booking a:hover{
    cursor: pointer;
}


#movies_slider{
    visibility: hidden;
}

#movies_slider.slick-initialized {
    visibility: visible;
}

#movies_slider img{
    cursor: pointer;
}


.event_schedule{
    color: #2790a8;
}



#movies{
    margin-top:10px;
}


@media (max-width: 768px) {

    #movies{
        margin-top:0px;


        background-color: rgba(204,214,232,0.33);border-top:solid rgba(109,141,159,0.69) 1px; margin-bottom:15px;
    }

    .booking{
        position:relative; bottom:0px;font-size:14px;float:left; margin:5px;margin-left:0px;text-align: center;
    }


    #event_main_content{
        border-left:none;
        margin-left:0px;
        padding-left:0px;
    }

    .post_content{
        font-size:0.9rem;
    }

    #news_main_content h4 {
        font-size:1.1rem;
    }

    .cinema h3.first {
        font-size:1.5rem;
    }

    #pratique_content h4{
        font-size:1.2rem;
    }


    #links_content, #cinema_content, #agenda_content, #news_content, #pratique_content, #contact_content, #trailers_content {
        padding: 0px 15px;
    }

     #news_content  {
        padding: 20px 30px;
    }

     .first_post h2 {

         font-size:1.2rem;
         font-weight:500;
     }

    .inner_content{
        font-size:1rem;
        line-height: 1.3rem;
    }


    .slick-dotted.slick-slider {
        margin-bottom: 12px;
    }

    .slick-dots{
        bottom:-8px;
    }


    /*#header-main .logo {
        background: url('/static/kino/img/logo_version_mobile2.jpg') no-repeat 100%;
        background-size: 100%;
        height: 70px;
        margin-bottom: 0.5rem;
    }*/

}

.slick-prev,
.slick-next{
    background-color: #2C2C2C;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

.slick-next{
    right:15px;
}

.slick-prev{
    left:15px;
    z-index: 1000;
}



.slick-prev,
.slick-next
{
    margin-top:-10px;
    padding-top:-10px;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: rgb(155, 200, 225);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:-4px;
    margin-top:-1px;
    top:-2px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    background: rgba(222, 186, 56, 0.51);
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #6d8d9f;
}