@charset "UTF-8";
/* @group Structure */

html {
	height: 100%;
}

body {
	padding-top: 50px;
	overflow-x: hidden;
	font-family: "Ruda";
}

#page {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 55px;
}

.row-offcanvas {
	height: 100%;
}

.nav-link {
	cursor: pointer;
}

.tooltip-inner {
	background-color: #000;
}

.nowrap {
	white-space: nowrap;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

/* @end */

/* @group Side bar */

.sidebar-offcanvas {
	padding: 20px 0;
	overflow-x: hidden;
	overflow-y: auto;
	border-right: 1px solid #eee;
}

.sidebar-offcanvas #logo-festival {
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: -5px;
}

.sidebar-offcanvas .nav {
	margin-bottom: 0;
	font: 13px/18px "Source Sans Pro" !important;
}

.sidebar-offcanvas .nav .nav-link {
	padding: 2px 5px;
	font-size: 14px;
}

.sidebar-offcanvas .nav-item {
	width: 100%;
}

.sidebar-offcanvas .nav-item:hover {
	background: #fff;
	outline: 1px solid rgba(1, 115, 216, 0.2);
}

.sidebar-offcanvas .nav-item + .nav-item {
	margin-left: 0;
}

.sidebar-offcanvas .nav-link {
	border-radius: 0;
}

.sidebar-offcanvas .active .fa-star, .sidebar-offcanvas .active .fa-square {
	text-shadow: 0 0 4px #fff,0 0 3px #fff,0 0 2px #fff, 0 0 1px #fff;
}

/* @group Off canvas */

@media screen and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}
	
	.row-offcanvas-left {
		left: 0;
	}
	
	.row-offcanvas-left .sidebar-offcanvas {
		left: -100%;
	    /* 12 columns */
	}
	
	.row-offcanvas-left.active .sidebar-offcanvas {
		left: -50%;
	    /* 6 columns */
	}
	
	.row-offcanvas-left.active {
		left: 50%;
	    /* 6 columns */
	}
	
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
		padding-left: 15px;
	}
}

/* @end */

/* @group Catégories */

.catFilm1 {
	color: #f09699;
}

.catFilm2 {
	color: #009896;
}

.catFilm3 {
	color: #f50000;
}

.catFilm4 {
	color: #eee;
}

.catFilm5 {
	color: #bb2f87;
}

.catFilm6 {
	color: #f6c22e;
}

.catFilm7 {
	color: #f6c22e;
}

.catFilm8 {
	color: #9c9e9f;
}

.catFilm9 {
	color: #662481;
}

.catFilm10 {
	color: #662481;
}

.catFilm11 {
	color: #f6c22e;
}

.catFilm12 {
	color: #e9600f;
}

.catFilm13 {
	color: #662481;
}

.catFilm14 {
	color: #bed044;
}

.catFilm15 {
	color: #bee3ea;
}

.border-b-catFilm1 {
	border-bottom: 2px solid #f09699;
}

.border-b-catFilm2 {
	border-bottom: 2px solid #009896;
}

.border-b-catFilm3 {
	border-bottom: 2px solid #f50000;
}

.border-b-catFilm4 {
	border-bottom: 2px solid #eee;
}

.border-b-catFilm5 {
	border-bottom: 2px solid #bb2f87;
}

.border-b-catFilm6 {
	border-bottom: 2px solid #f6c22e;
}

.border-b-catFilm7 {
	border-bottom: 2px solid #f6c22e;
}

.border-b-catFilm8 {
	border-bottom: 2px solid #9c9e9f;
}

.border-b-catFilm9 {
	border-bottom: 2px solid #662481;
}

.border-b-catFilm10 {
	border-bottom: 2px solid #662481;
}

.border-b-catFilm11 {
	border-bottom: 2px solid #f6c22e;
}

.border-b-catFilm12 {
	border-bottom: 2px solid #e9600f;
}

.border-b-catFilm13 {
	border-bottom: 2px solid #662481;
}

.border-b-catFilm14 {
	border-bottom: 2px solid #bed044;
}

.border-b-catFilm15 {
	border-bottom: 2px solid #bee3ea;
}

/* @end */

/* @end */

/* @group #contenu */

#contenu {
	font-size: 14px;
}

#contenu h1, #contenu h2 {
	font-size: 20px;
	font-weight: 700;
	border-top: 2px solid #b8d1e0;
	margin-top: 10px;
	margin-bottom: 0;
	background: linear-gradient(to bottom, white 0%, #eff4f9 100%) #f0f5f9;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #00609d;
	text-align: center;
}

/* @end */

/* @group Filtres liste */

#filtres {
	font: 12px "Source Sans Pro";
	margin-bottom: -1px;
	background: -webkit-linear-gradient(top, white 0%, #eff4f9 100%) #f0f5f9;
	background: -moz-linear-gradient(top, white 0%, #eff4f9 100%) #f0f5f9;
	background: -ms-linear-gradient(top, white 0%, #eff4f9 100%) #f0f5f9;
	background: linear-gradient(to bottom, white 0%, #eff4f9 100%) #f0f5f9;
	padding-top: 6px;
	border-top: 2px solid #b8d1e0;
}

#filtres label {
	font-weight: 400;
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: 8px;
}

#filtres [type="checkbox"]:not(:checked), #filtres [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

#filtres label {
	cursor: pointer;
	padding: 1px 8px;
	border-radius: 4px;
	margin-right: 5px;
}

#filtres label:hover {
	border-bottom: 1px solid #ccc;
}

#filtres [type="checkbox"]:not(:checked) + label {
	color: #888;
	border: 1px solid #ccc;
}

#filtres [type="checkbox"]:not(:checked) + label:hover {
	color: #2a8600;
	background-color: #fff;
	border: 1px solid #ccc;
}

#filtres [type="checkbox"]:checked + label {
	color: #fff;
	background-color: #449d44;
	border: 1px solid #398439;
}

#filtres [type="checkbox"]:checked + label:hover {
	background-color: #3ec600;
	color: #fff;
	border: 1px solid #2a8600;
}

/* @end */

/* @group Tableau #afficheListe */

#afficheListe {
	border-bottom: 2px solid #b8d1e0;
	cursor: pointer;
	text-align: left;
	font-size: 14px;
}

#afficheListe tr {
	transition: background-color .2s ease;
}

#afficheListe tr.lejour {
	border-top: 2px solid #85a5ba;
	background: -webkit-linear-gradient(top, white 0%, #eff4f9 100%) #f0f5f9;
	background: -moz-linear-gradient(top, white 0%, #eff4f9 100%) #f0f5f9;
	background: -ms-linear-gradient(top, white 0%, #eff4f9 100%) #f0f5f9;
	background: linear-gradient(to bottom, white 0%, #eff4f9 100%) #f0f5f9;
}

#afficheListe tr.lejour th {
	border-bottom: 1px solid #b8d0e0;
}

#afficheListe tr.base .titre {
	color: #0075bf;
}

#afficheListe tr.base .titre:hover {
	color: #ee0000;
}

#afficheListe tr:hover {
	background-color: #fffeee;
	transition: background-color 0s ease;
}

#afficheListe tr:hover.resumeFilm {
	background-color: #fff;
}

#afficheListe strong a {
	color: #004b8d;
}

#afficheListe .tdHeure {
	width: 50px;
	text-align: right;
}

#afficheListe .tdDate {
	width: 120px;
	text-align: right;
}

#afficheListe .tdCat {
	width: 120px;
}

#afficheListe .tdBadge {
	width: 180px;
}

#afficheListe tr.resumeFilm td {
	border: 0;
	padding-top: 5px;
}

#afficheListe tr.resumeFilm p {
	margin: 0;
	line-height: 17px;
}

/* @end */

/* @group Salle : #info-salle */

#btInfo {
	margin-top: 5px;
	cursor: pointer;
}

#info-salle {
	display: none;
	padding-top: 10px;
	border: 2px solid #b8d0e0;
	border-bottom: 0;
}

#info-salle .col-sm-12 p {
	margin-bottom: 10px;
	line-height: 20px;
}

#info-salle img {
	margin-bottom: 10px;
}

.liZoneGeo:not(:first-child) {
	margin-top: 5px;
	border-top: 1px solid silver;
	padding-top: 5px;
}

.liZoneGeo {
	color: gray;
	font-style: italic;
}

/* @end */

/* @group Info-film */

#info-film {
	overflow: hidden;
	padding: 10px;
	border-top: 2px solid #b8d0e0;
	background: -webkit-linear-gradient(top, white 0%, #f8fafd 100%) #f0f5f9;
	background: -moz-linear-gradient(top, white 0%, #f8fafd 100%) #f0f5f9;
	background: -ms-linear-gradient(top, white 0%, #f8fafd 100%) #f0f5f9;
	background: linear-gradient(to bottom, white 0%, #f8fafd 100%) #f0f5f9;
	margin-bottom: -15px;
}

#info-film header {
	font-size: 16px;
}

.deplacements {
	font-size: 13px;
}

/* @end */

@media (min-width: 768px) and (max-width: 991px) {
	.col-guide {
		font-size: 10px;
	}
	
	.photo-film {
		width: 320px;
	}
}

@media (min-width: 1200px) {
	.col-guide {
		font-size: 12px;
	}
}

@media print {
	#tete, #nav-principale, .col-guide, #pied, #copyright {
		display: none;
	}
	
	#article {
		width: 100%;
	}
}

#pied-page {
	margin-top: 30px;
	font-size: 12px;
	text-align: center;
	padding-bottom: 20px;
	border-top: 1px solid #eee;
	padding-top: 20px;
}

/* Impression */

@media print {
	#page {
		padding-top: 0;
	}
	
	.navbar {
		display: none;
	}
	
	.sidebar-offcanvas {
		display: none;
	}
	
	#contenu.col-md-9 {
		display: block;
		width: 100% !important;
		max-width: 100%;
	}
	
	.row.row-offcanvas {
		display: block;
	}
	
	#filtres {
		display: none;
	}
}