html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 40px;
}

.navbar-brand {
	font-family: 'Knewave', cursive;
	font-size: 20px;
}

.bg-primary {
	background-color: #2980b9 !important;
}

::-webkit-scrollbar { 
    display: none; 
}

.btn:not(:disabled):not(.disabled) {
	border-radius: 2px;
}

.alert {
	color: white;
}

.alert-primary {
	background-color: rgba(41, 128, 185, 0.9);
}

.alert-danger {
	background-color: rgba(199, 44, 28, 0.9);
}

.alert-info {
	background-color: #3498DB;
}

.alert-success {
	background-color: rgba(0, 156, 65, 0.9);
}

.alert-secondary {
	background-color: rgba(127, 140, 141, 0.9);
}

.alert-light {
	color: black;
	box-shadow: 0 1px 1px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
	background-color: rgba(255, 255, 255, 0.9);
}

.badge {
	border-radius: 4px;
}

#index.jumbotron {
	background-color: #2980b9; 
	margin-bottom: 0;
	padding: 0.5rem;
}

.btn-group >.btn-group:not(:first-child)>.btn , 
.btn-group>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 2px;
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
	border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0;
}

.navbar {
	padding: 0.25rem 1rem;
	font-size: 14px;
	border-style: none;
	background-color: #2980b9;
}

.film span.realisateur {
	font-size: 13px;
}

.film a.titre-film, .film a.icon-action-film {
	font-size: 14px;
}

.film .card-body > .row {
	margin: 0;
	line-height: 24px;
}

.film .dropdown-toggle:after {
	display: none;
}

.film .dropdown-menu {
	font-size: 13px;
}

.film .dropdown-item {
	padding: .15rem 1.5rem;
}

.film .dropdown-menu > a:hover, .dropdown-menu > li > a:focus {
	background: #2980ba;
	color: white;
}

.nav-justified .nav-item {
	text-align: inherit !important;
}

.btn-sc {
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
}

.btn-imdb {
	background-color: rgba(255, 221, 85, 0.9);
	color: black;
}

.btn-tmdb {
	background-color: #02c772;
	color: white;
}

.btn-ac {
	background-color: #fecc00;
	color: black;
}
.btn-fb {
	background-color: #3b5998;
	color: white;
}
.btn-twitter {
	background-color: #1da1f2;
	color: white;
}

.btn-second {
	background-color: #6c757d!important;
	color: white;
}

.btn-yt {
	background-color: #ff0000;
	color: white;
}

btn.btn:hover, a.btn:hover {
	color: white;
	font-weight: bold;
}

a.btn-none:hover {
	color: black;
	font-weight: bold;
}

.film {
	padding: 2px 1px;
}

.film > .card {
	border: 0;
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
}

@media (min-width: 768px) {
	.films .film.col-md-2 {
	    max-width: 17.667777%;
	    flex: 0 0 17.667777%;
	}
	.film.col-md-2 {
	    max-width: 16.60%;
	    flex: 0 0 16.60%;
	}
}

@media (max-width: 576px) {
	iframe {
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1240px;
	}
}

#reseaux > .nav-item > .nav-link {
	color: rgba(0, 0, 0, 0.9);
}

#actualites {
	background-color: rgba(255, 255, 255, 0.7); 
	border-radius: 2px;
}

#actualites > a.nav-link {
	color: white;
}

#films {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.container.films {
	background-color: white;
}

.films .film > .card {
	border-radius: 0 0 2.5px 2.5px;
}

.form-control {
	border-radius: 4px;
}

.alert {
	border-radius: 4px;
}

.modal-content {
	border-radius: 5px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 40px;
	color: rgba(0, 0, 0, 0.5);
	line-height: 40px; /* Vertically center the text there */
	background-color: #2980b9;
}

a.btn.reservation {
	padding: 0.10rem 0.5rem;
    font-size: 0.8203125rem;
    line-height: 1.7;
}

.badge.seance {
	font-size: 12px;
}

.footer a {
	color: white;
}

#index .descriptif-semaine {
	color: rgba(255, 255, 255, 0.9);
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 40px;
	color: rgba(0, 0, 0, 0.5);
	line-height: 40px; /* Vertically center the text there */
	background-color: #2980b9;
}

.card-img-top {
	border-radius: 2px;
}

p#synopsis {
	margin-bottom: 0;
}

.card-bs {
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

#film-trailer, #film-seances {
	margin-top: 15px;
}

#film-trailer > .card-body {
	padding: 0;
}

#film-info > .card-body {
	padding: 10px 20px;
}

#film-seances > .card-header {
	color: white;
	padding: 5px 10px;
}

#contact-form input {
	margin-bottom: 1rem;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.page-item:last-child .page-link {
    margin-left: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.film .card-footer {
	background-color: rgba(0, 0, 0, 0.03);
}

.jumbotron.main {
	background-color: #2980b9; 
	text-align: center; 
	color: white;
	background-position: center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	height: 200px;
}

.jumbotron.main a {
	color: black;
}

.card-jumbotron {
	box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1); 
}

.actualite .card-body img {
	max-width: 350px;
}

@media (max-width: 768px) {
	.card-bottom {
		bottom: 100px;
	}
}

@media (min-width: 1200px) {
	.card-bottom {
		bottom: 80px;
	}
}
#footer {
	padding: 20px 0;
	margin-top: 50px;
	position: absolute;
	width: 100%;
	background-color: #2980b9 !important;
}
#footer h5{
    padding-bottom: 6px;
    margin-bottom: 5px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    	padding-left: 0;
    	border-left: transparent;
    	padding-bottom: 0px;
    	margin-bottom: 10px;
	}
}

span.annee {
	font-size: 70%;
	color: rgba(255, 255, 255, 0.7);
}

.modal-body > img {
	max-width: 500px;
}

div#index a.programme {
	color: white;
}

div#semaine2 a.programme {
	color: black;
}