html {
  font-size: .625em; /* fallback IE8+ */
  font-size: calc(1em * .625); /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
}
body {
  font-size: 1.4em; /* base font-size is equivalent "14px" */
}
/*body {
	margin: 0;
}*/

@media screen and (max-width: 767px) {
	.navbar-brand {float: none;}
	.navbar-fixed-top {position: relative !important;}
}
@media screen and (min-width: 768px) {
	.navbar-brand {float: left;padding: 15px 15px; }
	.navbar-fixed-top {position: fixed !important;}
}
@media screen and (min-width: 992px) {
	.infos2 {padding: 0 15px !important; }
}
@media screen and (max-width: 991px) {
	.infos2 {padding: 0 !important; }
}
@media screen and (max-width: 380px) {
	.logo {max-width: 100%;margin: 0 auto;}
	ul.partenaires1 img {
	max-width: 200px;
}
}
@media screen and (min-width: 381px) {
	.logo {max-width: 140px;}
	.navbar-brand {padding: 0;}
	ul.partenaires1 img {
	max-width: 125px;
}
}
.music figure {
	position: inherit !important;
}
.billet {
	max-width: 250px;
	margin-top: 40px;
	float: none !important;
}
.parrain {
	max-width: 320px;
}
.logofooter {
	max-width: 200px;
}
.blue {
	color:#00ccff;
}
.mtop20 {
	margin-top: 20px;
}
.mtop50 {
	margin-top: 50px;
}
.dixpourcent {
	max-width: 10%;
}
.soixantedixpourcent {
	max-width: 70%;
}
.column {
	padding: 0 30px;
}
.container-special {
	max-width: 750px;
}
.titre-section {
	font-family:Black Han Sans;
}
#strat1 {
	background: url("../images/bg.png") , url("../images/strat1.jpg") no-repeat 50% 0% fixed;
	background-size:3px 3px , cover;
	text-align: center;
	color: #FFF;
    padding: 90px 20px 120px;
	margin: 50px auto 20px auto;
}
#strat2 {
	background: url("../images/bg.png") , url("../images/strat2.jpg") no-repeat 50% 0% fixed;
	background-size:3px 3px , cover;
	text-align: center;
	color: #FFF;
    padding: 90px 20px;
	margin: 50px auto 20px auto;
}
#strat3 {
	background: url("../images/bg.png") , linear-gradient(-120deg, #006796, #317eae);
	text-align: center;
	color: #FFF;
    padding: 50px 20px;
    margin: 40px auto;
}
#lineup2, #lineup4, #lineup6, #infos {
	background-image: url("../images/bg.png") , linear-gradient(-120deg, #006796, #317eae);
	padding-bottom: 40px;
	margin: 50px auto 10px;
}
ul.partenaires1 {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul.partenaires1 li {
	margin: 4px;
	display: inline-block;
	overflow: hidden;
	border-radius: 10px;
}
.infos, .infos2 {
	max-width: 525px;
    text-align: center;
    margin: 0 auto;
}
.infos span {
	font-size: 1em;
	font-style: italic;
	color: #999;
}
.container2 {
	max-width: 850px;
	margin: 0 auto;
}
#footer {
	margin-bottom: 20px;
}
#footer a {
	color:#00ccff;
	text-decoration: none;
}
#footer a:hover {
	color: #00a9db;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.nav-pills {
	position: absolute;
    top: 0px;
    left: 140px;
}
.titre-transport h4 {
	left: 40px;
    top: 0px;
    position: absolute;
}
.nav-pills a, .nav-pills a:hover {
	color: #fff;
}
.titre-transport {
	position: relative;
	width: 250px;
	height: 29px;
    margin: 0 auto;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font-size: 4em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
#back-top a:hover {
	color: #fff;
}
/* arrow icon (span tag) */
#back-top span {
	padding: 0 8px;
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
	background-color: #00ccff;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #00a9db;
}