@charset "iso-8859-1";
/* CSS responsive */

/* Tablettes */
@media (max-width: 1440px) {
	/* Global */
	.main{
		width:100%;
	}
	
	/* Haut */
	header{width:100%;}
	header .c_20{width:50%;}
	header .c_45{display:none;}
	header .c_25{width:40%;}
	
	/* Menu */
	nav .c_10{
		display:none;
	}
	nav .c_80{
		width:100%;
	}
	
	/* Actualités */
	.border{
		padding:10px;
	}
	.film-slider{
		height: auto;
	}
	.slider-accueil{
		padding-bottom: 20px;
	}
	/* Liste films */
	.liste-films .c_50 {
		padding: 0px 5px;
	}
	.liste-films .film .img-film{
		width:50%;
	}
	.liste-films .film .c_60{
		width:50%;
	}
	
	/* Contenu */
	.contenu .overlay{
		height:146px;
	}
	.contenu .overlay a {
		width: 120px;
		font-size: 20px;
		margin: 25px auto;
		line-height: 28px;
	}	
	section.contenu .overlay{
		width:100% !important;
		height:100% !important;
	}
	
	/* Liste films */
	.liste-films .c_50{	
	    width: 50% !important;
		float: left !important;
		clear: none !important;
	}
	.liste-films .film .c_40,
	.liste-films .film .c_60{
		text-align:center;
		margin:10px 0;
		float:none !important;
		clear:both !important;
		width:auto !important;
	}
	.liste-films .film .c_40{
		width:140px !important;
		margin:0 auto;
	}
	section.contenu .liste-films .c_30{
		width: 30% !important;
		float: left !important;
		clear: none !important;
	}
	section.contenu .liste-films .c_30 .c_40,
	section.contenu .liste-films .c_30 .c_60{
		text-align:center;
	}
	section.contenu h3:after{
		margin:10px auto;
	}
	.liste-seances{
		margin:10px auto;
		width:230px;
	}
	
	/* Page films */
	.page-film .liste-seances{
		margin-bottom: 15px;
		width:100%;
	}
}

/* Téléphones (paysage) */
@media (max-width: 959px) {
	/* Global */
	table, table tr, table tr th, table tr td, table tbody, table thead, table tfoot {
		display:block;
		width:100% !important;	
		max-width:100% !important;		
	}
	section.contenu .colonne, section.contenu .col,
	.actu_accueil .c_60{
		position:relative !important;
		display:block !important;
		float:none !important;
		clear:both !important;
		width:auto !important;
		min-width:inherit !important;
		max-width:inherit !important;
		margin:0px auto 15px auto;
	}
	
	.border, .liste-actus .border, .liste-films .border {
		padding-top: 20px;
	}
	/* Haut */
	header .c_10{display:none;}
	header .c_20{padding-left:5%;}
	
	nav ul li{
		width:20%;
		font-size:14px;
	}
	nav ul li a{
		width:100%;
	}
	
	/* Liste films */	
	aside.c_20,
	main.c_65{
		width:85%;
		float:none;
		clear:both;
		margin:0 auto;
	}
	section.contenu .liste-films .c_30{
		width: 100% !important;
	}
	section.contenu .liste-films .film{
		width:50% !important;
	}
	.film-slider .overlay a {
		width: 80%;
		font-size: 22px;
		margin: 40px auto;
		line-height: 40px;
	}
	.liste-films a.tri-jour{
		width:calc(100% / 5);
	}
	.liste-films .border .clear:not:last-child(){
		display:none;
	}
	/* Contenu */
	section.contenu .portail .c_20{
	    float: left !important;
    	clear: none !important;
    	width: 45% !important;
	}
	section.contenu .portail-bowling .c_10{
		display:none;
	}
	section.contenu .portail-bowling .c_20{
		float: left !important;
    	clear: none !important;
    	width: 30% !important;
		margin:0 5px;
	}
	.tarifs-bowling thead tr th {
		padding-bottom: 10px;
	}
	.tarifs-bowling tr {
		margin:20px 0;
	}
	.tarifs-bowling td {
		padding:3px 0;
		text-align:center !important;
	}
	.cadre-contact{
		width:80% !important;
		float:none !important;
		clear:both!important;
		margin:auto !important;
	}
	
	/* Actualités */
	.actu{
		width:50%;
		float:left;
		padding:0 15px;
	}
	.liste-actus .actu:after{
		margin:20px auto;
	}
	
	/* Page films */
	.page-film .img-film{
		text-align:center;
	}
	.page-film .img-film img{
		width:50%;
	}
	.page-film nav ul li{
		width:125px;
	}
	#my_popup {
    	width: 95%;
	}
	.slider-actus h4 {
		font-size: 18px;
	}
}

/* Téléphones (paysage) */
@media (max-width: 769px) {
	/* Global */
	.colonne-s, .col-s {
		position:relative !important;
		display:block !important;
		float:none !important;
		clear:both !important;
		width:auto !important;
		min-width:inherit !important;
		max-width:inherit !important;
		margin:0px auto 15px auto;
	}
	
	.film-slider .overlay a {
		font-size: 16px;
		margin: 20px auto;
		line-height: 22px;
	}
	
	/* Haut */
	header{
		height:auto;
		background-size:cover;
	}
	header .c_20,
	header .c_25{
		width:auto !important;
		float:none !important;
		clear:both!important;
		padding:0;
		text-align:center
	}
	.h1-accueil{
		text-align: center;
	}
	header .billets{
		margin:20px auto;
	}
	
	/* Menu mobile */
	nav ul{
		display: none;
		margin-bottom:30px;
		z-index:999999;
	}
	nav ul li{
		display:inline-block;
		text-align:center;
		width:100%;
		border-bottom:1px solid #96202C;
		background-color:#2D2D2D;
		height: 60px;
		line-height: 60px;
	}
	.sous-menu{
		display: block !important;
	}
	nav ul li > ul{
		visibility: visible;
		opacity: 1;
	}
	nav ul li ul{
		position: relative;
		top: 0px;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	nav .menu-burger{
		display:block;
		width:100%;
		height:50px;
		text-align:center;
		line-height:50px;
	}
	nav .menu-burger img{
		margin-top: -7px;
	}
	
	/* Contenu */
	.contenu {
		padding: 20px;
	}
	section.contenu .liste-films .c_05{
		display: none !important;
	}
	aside.c_20, main.c_65 {
    	width: 95%;
	}
	.liste-seances{
		width:200px;
	}
	.actu{
		padding: 0px 10px;
	}
	section.contenu .portail-bowling .c_20{
		float: left !important;
    	clear: none !important;
    	width: 45% !important;
	}
	.liste-films a.tri-jour{
		width:auto;
		padding:5px 15px;
		margin:10px 5px;
	}
	.contenu .liste-films .film{
		min-height:480px;
	}
	
	/* Footer */
	footer .c_100{
		width:82%;
		margin:auto;
		float:none;
	}
	/* Page films */
	.page-film nav ul{
		display:block;
		margin:0;
	}
	.page-film nav ul li{
		display:table-cell;
		margin:0;
	}
}

/* Téléphones (portrait) */
@media (max-width: 479px) {
	/* Global */
	.colonne-xs, .col-xs {
		position:relative !important;
		display:block !important;
		float:none !important;
		clear:both !important;
		width:auto !important;
		min-width:inherit !important;
		max-width:inherit !important;
		margin:0px auto 15px auto;
	}	
	
	.film-slider .overlay a {
		font-size: 11px;
		margin: 10px auto;
		line-height: 16px;
	}
	
	.overlay-slider{
		position: relative;
	}
	.slider .fleche-slider{
		top: 10%;
	}
	.actu{
		width:100%;
	}
	.liste-films .c_50{	
	    width: 100% !important;
	}
	.liste-films a.tri-jour{
		padding:5px 5px;
		margin:5px 5px;
		font-size:14px;
	}
	.liste-films a.tri-jour span{
		font-size:18px;	
	}
	.contenu .liste-films .film{
		min-height:0;
	}
	section.contenu .liste-films .film{
		width:100% !important;
	}
	footer .c_33{
		width:100%;
		float:none;
		clear:both;
		margin:10px 0;
	}
	section.contenu .portail .c_20,
	section.contenu .portail-bowling .c_20{
    	width: 100% !important;
	}
	table ul li{
		margin:10px 0;
	}
	.contenu .overlay a{
		width:100%;
		height:100%;
		margin:0;
		padding:35% 0;
	}
	.cadre-contact{
		width:100% !important;
	}
	
	/* Pages films */
	.seances-semaine nav ul li{
		font-size:12px;
	}
	.seances-semaine nav ul li span{
		font-size:18px;
	}

    /* Films à venir */
    .media-player-holder .jwplayer{
        padding-top: 75% !important;
    }
    iframe{
        border: 1px solid #a23b44;
        outline: 1px solid rgba(255,255,255,0.3);
        height: auto !important;
        min-height: 152px;
    }
	
}