/**-- Layout --*/
.prix-public #main {margin-bottom: 0;}
.prix-public .sous-section p + p {margin-top: 40px;}
.prix-public .sous-section p + p strong {font-weight: 700;}
.programme #main #vendredi {margin-left: 0;}
.programme #main div.jour {float: none;margin: 0 auto;width: 520px;}
.programme #main div.jour article {height: auto;padding-bottom: 20px;}
.programme #main #vendredi {margin: 65px auto 0;}
.programme #main div.jour h2 a {text-align: left;padding-left: 16px;}

/**-- Bouton de vote --*/
.prix__public--btn {float:right;margin-right: 26px;padding: 5px;text-transform: uppercase;margin-top: -14px;background-color:#fff;border:none;border-radius:3px;cursor:pointer;}
.prix__public--btn:before {content: "> ";}
.prix-public .intro {width:70%;margin: auto;text-align: center;}

/**-- Responsivisation de l'existant --*/
#footer-txt {margin:auto;width: 460px;max-width: 100%}
.prix-public, .prix-public * {max-width: 100%}

.programme #main div.jour .titre--film {
	display: block;
	color: #ffffff;
	font-size: 21px;
	font-weight: 700;
	text-decoration: none;
	padding: 7px 0 0 16px;
}
.prix-public .programme #main div.jour h4 a {padding-left: 0;}
.programme #main div.jour p .categorie-film {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000000;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	padding: 0 0 0 16px;
}
.programme #main div.jour p a {display:inline;}

/**-- Partie winner --*/
.prix-public strong {font-weight: 700;}

.prix-public .winner {
	text-align: center;
	color: #fff;
}

.prix-public .winner .intro {margin-left: auto;margin-right: auto;}

.prix-public .winner img {margin: 32px 0;}
@media (min-width: 767px) {.prix-public .winner img + img {margin-left: 15px;}}

/**-- Pour les résolutions < 768px --*/
@media (max-width: 767px) {

	#menu {overflow-x: scroll;}
	.prix-public #pres-prix, #logo {position: static;}
	.prix-public #logo {padding-top: 60px;text-align: center;}
	.prix-public #pres-prix h1 {margin-left: 0;margin-top: 20px;text-align: center;}
	.prix-public hr {margin: 10px 0 30px;width: 100%;}
	.prix-public .intro {margin: auto;}
	.prix-public #main {width: 100%;margin: 0;}

	.programme #main div.jour article {padding-bottom: 60px;position: relative;width: 90%;margin:16px auto;}

	.prix__public--btn {
		float: none;
		position: absolute;
		top:107px;
		left: 16px;
	}

	.programme #main div.jour p {line-height: 18px;}

	footer, .programme #main div.jour {max-width: 100%;}

	#footer-partenaires {display: none;} /* à modifier */

	#footer-txt div {text-align: center;display: block;line-height: 20px;}
	#footer-txt div + div {border-left: none;}
	.block-xs {display: block;padding-left: 15px;}
	.hidden-xs {display: none;}
	.sous-section br {display: none;}
	.sous-section p {width: 90%;text-align: left;margin:auto;}
	#footer-organisateurs img.terdav,
	#footer-organisateurs img.gngl {margin: 0;}
}

/**-- Message d'alert click --*/
#alert {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
	display: none;
}

#alert.is-visible {
	display: block;
}

.alert {
	background-color: #c4453c;
	background-size: 20px 20px;
	box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
	color: #f6f6f6;
	display: block;
	font: bold 16px/40px sans-serif;
	height: 40px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	animation: alert 1s ease forwards;
}

/* Animation */

@-webkit-keyframes alert {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { top: 0; }
}
@-moz-keyframes alert {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { top: 0; }
}
@-ms-keyframes alert {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { top: 0; }
}
@-o-keyframes alert {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { top: 0; }
}
@keyframes alert {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { top: 0; }
}