/* INDEX 	*/
.tickets-index {
	padding: 25px;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: space-around; -webkit-justify-content: space-around;
}
	.tickets-index .tickets-medium {
		margin: 0 auto;
		width: 215px;
		height: 229px;
	}
		.tickets-index .tickets-medium .title-offre {
			font-size: 24px;
			line-height: 1.1;
			font-family: 'Trade Lt';
			padding-top: 10px;
			text-align: center;
			text-transform: uppercase;
		}
		.tickets-index .tickets-medium .title-ticket {
			font-size: 30px;
			line-height: 1.1;
			font-family: 'Trade HvCn';
			text-align: center;
			text-transform: uppercase;
		}
		.tickets-index .tickets-medium .title-price {
			font-size: 15px;
			line-height: 1.1;
			font-family: 'Trade Bold';
			padding-top: 17px;
			text-align: center;
			text-transform: uppercase;
		}
		.tickets-index .tickets-medium .price {
			font-size: 55px;
			line-height: 1.0;
			font-family: 'Trade Bold';
			text-align: center;
			text-transform: uppercase;
		}
			.tickets-index .tickets-medium .price sup {
				font-size: 30px;
				margin-left: -10px;
				font-weight: 'normal';
			}
		.tickets-index .tickets-medium .links-wrapper {
			padding-top: 7px;
			height: 67px;
			display: flex; display: -webkit-flex; 
			flex-flow: column; -webkit-flex-flow: column;
			justify-content: space-around; -webkit-justify-content: space-around;
		}
			.tickets-index .tickets-medium .links-wrapper a {
				width: 100%;
				margin: auto;
				display: block;
				border-radius: 4px;
		        -webkit-transition: all .3s ease-in-out 0s;
		        -moz-transition: all .3s ease-in-out 0s;
		        -ms-transition: all .3s ease-in-out 0s;
		        -o-transition: all .3s ease-in-out 0s;
		        transition: all .3s ease-in-out 0s;
			}
			.tickets-index .tickets-medium .links-wrapper a.link {
				height: 30px;
				line-height: 30px !important;
				width: 190px;
				text-align: center;
				font-size: 19px;
				line-height: 1.1;
				font-family: 'Trade HvCn';
				text-transform: uppercase;
			}
			.tickets-index .tickets-medium .links-wrapper a.link-small {
				height: 17px;
				line-height: 17px !important;
				width: 190px;
				text-align: center;
				font-size: 13px;
				line-height: 1.1;
				font-family: 'Trade HvCn';
				text-transform: uppercase;
			}



	.tickets-medium.green-medium {
	    background: #FFF;
	}
	.tickets-medium.green-medium .title-offre, .tickets-medium.green-medium .title-ticket {
		color: #0a1946;
	}
	.tickets-medium.green-medium .title-price, .tickets-medium.green-medium .price {
		color: #009de2;
	}
	.tickets-medium.green-medium .links-wrapper a {
		background: #0a1946;
		color: #009de2;
	}
		.tickets-medium.green-medium:hover .links-wrapper a {
			background: #009de2;
			color: #0a1946;
		}

	.tickets-medium.blue-medium {
	    background: #FFF;
	}
	.tickets-medium.blue-medium .title-offre, .tickets-medium.blue-medium .title-ticket {
		color: #055879;
	}
	.tickets-medium.blue-medium .title-price, .tickets-medium.blue-medium .price {
		color: #055879;
	}
	.tickets-medium.blue-medium .links-wrapper a {
		background: #055879;
		color: #0095cf;
	}
		.tickets-medium.blue-medium:hover .links-wrapper a {
			color: #055879;
			background: #0095cf;
		}


	.tickets-medium.orange-medium {
	    background: #FFF;
	}
	.tickets-medium.orange-medium .title-offre, .tickets-medium.orange-medium .title-ticket {
		color: #b17f0a;
	}
	.tickets-medium.orange-medium .title-price, .tickets-medium.orange-medium .price {
		color: #b17f0a;
	}
	.tickets-medium.orange-medium .links-wrapper a {
		background: #b17f0a;
		color: #e3a71c;
	}
	.tickets-medium.orange-medium:hover .links-wrapper a {
		background: #e3a71c;
		color: #b17f0a;
	}

	.tickets-medium.violet-medium {
	    background: #FFF;
	}
	.tickets-medium.violet-medium .title-offre, .tickets-medium.violet-medium .title-ticket {
		color: #009de2;
	}
	.tickets-medium.violet-medium .title-price, .tickets-medium.violet-medium .price {
		color: #0a1946;
	}
	.tickets-medium.violet-medium .links-wrapper a {
		background: #009de2;
		color: #0a1946;
	}
	.tickets-medium.violet-medium:hover .links-wrapper a {
		background: #0a1946;
		color: #009de2;
	}


/* 	LARGE 	*/
.tickets-large {
	margin: 25px auto 15px;
	width: 938px;
	height: 102px;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: center; -webkit-justify-content: center;
}
	.tickets-large .title-ticket {
		margin: auto 0;
		color: #FFF;
		font-family: 'Trade HvCn';
		font-size: 48px;
		line-height: 1.0;
		text-transform: uppercase;
	}
	.tickets-large .col-infos {
		margin: auto 65px auto 40px;
		text-align: left;
		line-height: 1.0;
	}
		.tickets-large .col-infos .infos-legend {
			font-family: 'Trade Regular';
			font-size: 19px;
			text-transform: uppercase;
		}
		.tickets-large .col-infos .infos-price {
			color: #FFF;
			font-family: 'Trade Regular';
			font-size: 19px;
			text-transform: uppercase;
		}
	.tickets-large .link {
		margin: auto 0;
		height: 40px;
		line-height: 40px !important;
		width: 200px;
		text-align: center;
		font-size: 19px;
		line-height: 1.1;
		font-family: 'Trade HvCn';
		text-transform: uppercase;
	}


	.tickets-large.red-large {
	    background: url('../png/tickets-large-red.png') no-repeat top center;
	}
		.tickets-large.red-large .col-infos .infos-legend {
			color: #951214;
		}
		.tickets-large.red-large .link {
			color: #FFF;
			background: #951214;
		}
		.tickets-large.red-large:hover .link {
			color: #951214;
			background: #d35e60;
		}

/* 	BUTTON MORE 	*/
.tickets-button {
	width: 470px;
	height: 42px;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: space-around; -webkit-justify-content: space-around;
	background: #FFF;
	border-radius: 5px;
	margin: 25px auto 30px;
}
	.tickets-button .text {
		margin: auto auto auto 45px;
		font-family: 'Trade Regular';
		font-size: 19px;
		color: #0b2149;
	}
	.tickets-button .icon {
		margin: auto 25px auto auto;
	}



.tickets-title {
	padding: 30px 0;
}

/* NAV  PAGE TICKETS	*/
.tickets-nav {
	width: 100%;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
	margin: 20px 0;
}
	.tickets-nav a {
		display: block;
		width: 170px;
		height: 67px;
		margin: 0 auto;
		position: relative;
	}
		.tickets-nav a .spacer-inside {
			position: absolute;
			bottom: 0px;
			height: 10px;
			left: 0px;
			right: 0px;
			background: #0b2149;
		}
		.tickets-nav a .inside {
			width: 170px;
			height: 55px;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: space-around; -webkit-justify-content: space-around;
			line-height: 1.0;
			font-size: 22px;
			font-family: 'Trade HvCn';
			text-align: center;
			text-transform: uppercase;
			margin: 0 auto auto;
		}
		.tickets-nav a span {
			display: block;
			margin: auto;
			padding: 0 10px;
		}
		.tickets-nav a:first-child {
			margin-left: 0px;
		}
		.tickets-nav a:last-child {
			margin-right: 0px;
		}
	
	.tickets-nav a.red-large {
		color: #fff;
	    background: #cc2c31;
	}
	.tickets-nav a.green-medium {
		color: #0a1946;
	    background: #fff;
	}
	.tickets-nav a.blue-medium {
		color: #0f698c;
	    background: #009de2;
	}
	.tickets-nav a.orange-medium {
		color: #6c4b01;
	    background: #b17f0a;
	}
	.tickets-nav a.violet-medium {
		color: #91a6e2;
	    background: #2d4898;
	}

	.tickets-nav a:hover.red-large, .tickets-nav a.red-large.is-active {
		color: #fff;
	    background: #cc2c31;
	}
	.tickets-nav a:hover.green-medium, .tickets-nav a.green-medium.is-active {
		color: #0a1946;
	    background: #fff;
	}
	.tickets-nav a:hover.blue-medium, .tickets-nav a.blue-medium.is-active {
		color: #0f698c;
	    background: #009de2;
	}
	.tickets-nav a:hover.orange-medium, .tickets-nav a.orange-medium.is-active {
		color: #6c4b01;
	    background: #b17f0a;
	}
	.tickets-nav a:hover.violet-medium, .tickets-nav a.violet-medium.is-active {
		color: #91a6e2;
	    background: #2d4898;
	}


	.tickets-nav a.is-active {
	}
		.tickets-nav a.is-active .spacer-inside {
			bottom: 5px;
			height: 5px;
			background: #0b2149;
		}


/*  MAPS > PAGE TICKETS 	*/
.map-wrapper {
	padding: 20px;
}
	.map-wrapper .maps {
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: space-around; -webkit-justify-content: space-around;		
	}
		.map-wrapper .maps a {
			display: block;
			margin: 20px auto;
			position: relative;
		}
			.map-wrapper .maps a .title {
				position: absolute;
				top: 9px;
				left: 39px;
				font-size: 22px;
				color: #0d2758;
			}