body {
	background: #232F79;
	width: 100%;
	height: 100SHV;
	overflow: hidden;
}
header {
	background: #3E50B4;
	height: 110px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	color: #fff;
	padding: 20px 0;
 	box-shadow:0 5px 10px #151c48;
}
header .mois {
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}
header .mois i.fa-square-plus {
	margin-right: 20px;
	margin-left: 15px;
	color: #fff;
}
header .mois i.fa-caret-down {
	margin-left: 10px;
}
header .month {
	margin-top: 10px;
	color: #8B9CEB;
}
header .month DIV {
	width: CALC(100% / 8);
	text-align: center;
	float: left;
	line-height: 15px;
	position: relative;
}
header .month DIV.active:after {
	position: absolute;
	left: 0;
	bottom: -5px;
	border: 2px solid #FEC107;
	content: "";
	width: 100%;
	border-radius: 2px;
}
header .month DIV SPAN {
	display: block;
	text-transform: uppercase;
}
header .month DIV SPAN:first-child, header .month DIV SPAN:nth-child(3) {
	font-size: 11px;
}
header .month DIV SPAN:nth-child(2) {
	font-size: 20px;
}
header .month DIV.active2 {
	color: #FEC107;
}


.content {
  	position: fixed;
  	top: 130px;
  	left: 0;
  	height: CALC(100SVH - 130px);
  	overflow: hidden;
  	overflow-Y: auto;
  	width: 100%;
}
.content::-webkit-scrollbar, .content::-webkit-scrollbar-button { display: none; } 
.match {
	clear: left;
	float: left;
	width: CALC(100% - 20px);
	padding: 15px 5px 10px 5px;
	background: #2c3b99;
	margin: 10px;
	border-radius: 10px;
}
.match.old {
	background: #171f51;
}
.match .heure {
	float: left;
	width: 70px;
	height: 100%;
	color: #8B9CEB;
	text-align: right;
	padding-right: 10px;
	position: relative;
	line-height: 24px;
}
.match .heure:after {
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	border-right: 1px solid #fff;
	height: 121px;
}
.match .heure SPAN {
	display: block;
	text-transform: uppercase;
	font-weight: bolder;
}
.match .heure SPAN:nth-child(2) {
	font-size: 32px;
}
.match .heure SPAN.h {
	font-size: 20px;
	margin-top: 31px;
}
.match .det {
	float: left;
	padding-left: 10px;
	color: #fff;
	width: CALC(100% - 75px);
}
.match .det .team {
	font-variant: small-caps;
	font-size: 18px;
	line-height: 18px;
}
.match .det .team SPAN:nth-child(1) {
	float: left;	
	width: CALC(100% - 10px);
} 
.match .det .team SPAN:nth-child(2) {
	float: right;
	font-size: 12px;
	width: 10px;
} 
.match .det .team SPAN:nth-child(3) {
	float: right;
	width: 100%;
} 
.match .det .salle {
	color: #acb9f0;
	margin-top: 5px;
	font-size: 13px;
	clear: left;
	float: left;
	width: 100%;	
}
.match .det .salle i {
	float: left;
	width: 20px;
}
.match .det .salle DIV {
	float: left;
	width: CALC(100% - 20px);	
}
.match .det .salle P {
	margin: 0;
	padding: 0;
	line-height: 14px;
	width: CALC(100% + 20px);	
	display: block;
	clear: left;	
	float: left;
}
.match .det .salle P:first-child {
	font-size: 14px;
}
.match .det .salle P:nth-child(2), .match .det .salle P:nth-child(3) {
	/*padding-left: 20px;*/
	font-style: italic;	
	font-size: 12px;
	line-height: 12px;
}
.match .det .salle P SPAN:first-child {
	float: left;	
}
.match .det .salle P SPAN:last-child {
	float: right;
	
}
.match .det .serie {
	float: left;
	margin-top: 5px;
}
.match .det .sal {
	float: right;
	margin-top: 5px;
}
.match .det P.der {
	margin-top: 5px;
}

#presse {
	position: fixed;
	bottom: 0;
	left: CALC(50% - 200px);
	text-align: center;
	background: #000;
	color: #fff;
	border-radius: 10px 10px 0 0;
	height: 50px;
	line-height: 50px;
	width: 400px;
	display: none;
}