/* CSS Document */

html {
	background-color: #fff;
	font-size: 100%;
	padding: 0em;
	margin: 0em;
}

body {
	font-size: 100%;
	padding: 0em;
	margin: 0em;
	width:100%;
	height:auto;
	background-color: #fff;
	font-family: 'agencyfbbold';
}

img{
	padding: 0em;
	margin: 0em;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

h1, h2, h3, h4, h5, h6, p, li{
	margin:0;
	padding:0;
	line-height:1;
}

footer{
	display: block;
	float: left;
	width: 100%;
	height:auto;
	padding: 0px; 
	background-color:#ed6c1e;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}

footer p{
	font-size: 80%;
	text-align: center;
	line-height: 4;
}

footer p a{
	text-decoration: none;
	color: #0c1d2c;
	opacity: 0.25;
}
footer p a:hover{
	text-decoration: none;
	color: #fff;
	opacity: 1;transition: 0.4s;
}

.main-menu{
	margin: 0px;
	padding: 0px;
	width: auto;
	background: linear-gradient(#0c1d2c, #27b4b0);
	height: 96px;
	border-bottom: solid 9px #FE6900;
}

.menu-logo {
	width: 250px;
	margin: auto;
	margin-top: -75px;
	
}

.menu-logo img{
	width: 250px;
	
}

.pub1 {
	width: 750px;
	margin: auto;
	margin-top: 75px;	
}

.pub2 {
	width: 1000px;
	margin: auto;
	margin-top: 75px;
	text-align:center;
	color: #fff;
}

.nav-header2 {
	width: 1000px;
	margin: auto;
	margin-bottom: -2px;
}

.pub3 {
	width: 100%;
	height: 800px;
	margin: auto;
	text-align:center;
	color: #fff;
	background-image:url("../img/back/orange.png"), url("../img/back/bleu.png");
	background-repeat: no-repeat, no-repeat;
  	background-position: top left, top right;
}

.container_resume {
	display: block;
	float: left;
	width: 100%;
	height: 250px;
	border-top: solid 12px #27b4b0;
}

.nav_resume {
	width: 1000px;
	margin: 0px auto;
}

.container_resume h3{
	text-align: center;
	font-family:'pacificoregular';
	color: #0c1d2c;
	font-size:300%;
	line-height: 2;
	
}

.match_resume {
	display: block;
	float: left;
	width: 333px;
	margin: 0px;
	padding: 0px;
}

.date_resume {
	display: block;
	float: left;
	width: 65px;
	background-color: #ed6c1e;
	margin: 0px;
	text-align: center;
	color: #fff;
	height: 100px;
}

.date_resume h1{
	margin-top: 20px;
	font-size: 300%;	
}

.nav-team_resume{
	display: block;
	float: left;
	width: 200px;
	background-color: #fff;
	margin: 0px;
	height: 100px;
}

.team_resume1{
	width: 90%;
	margin: 0px auto;
	background-color: #fff;
	border-bottom: solid 1px #0c1d2c;
	height: 49px;
}

.team_resume2{
	width: 90%;
	margin: 0px auto;
	background-color: #fff;
	height: 50px;
}

.team_resume1 img, .team_resume2 img{
	float: left;
	height: 75%;
	margin-top: 6px;
	margin-right: 12px;
}

.team_resume1 p, .team_resume2 p{
	font-size: 150%;
	float: left;
	line-height: 2.1;
	color: #0c1d2c;
}

.team_resume1 h2, .team_resume2 h2{
	float: right;
	color: #0c1d2c;
	font-size: 225%;
	line-height: 1.4;
	margin-right: 6px;
}

.detail_resume{
	width: 55px;
	height: 100px;
	float: left;
	display: block;
	background-color: #27b4b0;
}

.detail_resume img{
	margin-top: 20px;
}

.nav-subscription{
	float: left;
	width: 35%;
	height: auto;
	margin: auto;
	text-align:center;
	color: #fff;
}

.nav-subscription img{
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.nav-trio{
	float: left;
	padding: 0px;
	width: 100%;
	height: auto;
	margin: auto;
	text-align:center;
}

.nav-trio img{
	width: 100%;
	margin-top: -2px;
	margin-bottom: -5px;
	
}

.nav-pub{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width: 100%;
	height: auto;
	background-image:url("../img/back/logo_contour.svg"), url("../img/back/back1.jpg");
	background-repeat:no-repeat, no-repeat;
	background-position: center center, center center;
	background-size:2000px, cover;
	background-blend-mode:normal, normal;
}

.nav-pub2{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 500px;
	background-image:url("../img/back/logo_contour.svg"), url("../img/back/back1.jpg");
	background-repeat:no-repeat, no-repeat;
	background-position: center center, center center;
	background-size:3000px, cover;
	background-blend-mode:normal, normal;
}

.nav-pub3{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 500px;
	background-image:url("../img/back/orange.png"), url("../img/back/bleu.png"), url("../img/back/logo_contour.svg"), url("../img/back/back2.jpg");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  	background-position: center left, center right, center center, center center;
	background-size: 300px, 300px, 3000px, cover;
}

.nav-game {
	width: 1000px;
	height: 400px;
	margin: auto;
	margin-top: 48px;
	text-align:center;
	color: #fff;
	background-color:rgba(255,255,255,0.85);
}

.game-date, .game-number, .game-palier{
	width: 33.3333333333333333%;
	float: left;
	display: block;
}

.game-number{
	background: #ed6c1e;
}

.game-date{
	background: #27b4b0;
}

.game-palier{
	height: 72px;
	background: #0c1d2c;
}

.game-date h1, .game-number h1{
	font-size: 150%;
	line-height: 2.5;
}

.game-palier h1{
	font-size: 205%;
	line-height: 2.2;
}

.pub2 h1{
	font-size: 700%;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}

.pub2 p{
	font-size: 450%;
	font-family:'pacificoregular';
	color: #ed6c1e;
	line-height: 1;
	margin: -25px 0px 0px 0px;
	padding: 0px;
}


#menuToggle
{
  display: block;
  position: relative;
	margin-left:40px;
  top: 40px;
  left: 0px;
	
z-index: 1;	
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #fff;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: #ed6c1e;
}


#menuToggle input
{
  display: block;
  width: 36px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: 5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #fff;
  border-radius: 4px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 100%;
  margin: -100px 0 0 -75px;
  padding: 225px 50px 225px 50px;
  color: #fff;
  background-color: rgba(12,29,44,0.95); 
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
	text-align: center;
  padding: 15px 0;
	margin: 0;
  font-size: 300%;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

.nav-map{
	width: 90%;
	margin: 0px 5%;
	padding: 0px;
}
	
.map-img{
	display: block;
	float: left;
	width: 60%;
	margin: 24px 20% 0px 20%;
	padding: 24px 0px 24px 0px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.map-info{
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	margin-bottom: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.owner{
	display: block;
	float: left;
	width: 50%;
	margin: 36px 0px 0px 0px;
	margin-bottom: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.img-owner{
	width: 275px;
	margin: 0px auto;
	margin-bottom: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.nav_container3 .map-info p, .nav_container3 .owner p{
	font-size: 121%;
	line-height: 1.05;
	color: #fff;
	margin: 0px 36px;
	padding-top: 6px;
	text-align: center;
}

.nav_container3 .owner p a{
	text-decoration: none;
	color: #ed6c1e;
	font-weight: 700; 
}

.nav_container3 .owner p a:hover{
	color: #0c1d2c;
}

.nav_container3 .map-info h3, .nav_container3 .owner h3{
	font-size: 150%;
	line-height: 1;
	text-align: center;
	color: #0c1d2c;
	margin: 30px 0px 6px 0px;
}

.title-info{
	padding: 84px 0px 0px 0px;
	margin: 0px 0px 24px 0px;
	width:100%;
	height: 150px;
	display:block;
	float:left;
	text-align: center;
	background: linear-gradient(#FE6900, #fff, #fff);
}

.title-info h1{
	font-size: 600%;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	color: #0c1d2c;
}

.title-info p{
	font-size: 300%;
	line-height: 0.5;
	font-family:'pacificoregular';
	color: #ED6C1E;
	text-align: center;
}

.title-info p+h1{
	margin-top: 12px;
}

.pub1 p{
	margin-top: 72px;
	font-size: 300%;
	line-height: 1;
	font-family:'pacificoregular';
	color: #fff;
	text-align: center;
}

.pub1 p+p{
	margin-top: 0px;
	line-height: 1;
}

.text-info{
	display: block;
	float: left;
	width: 100%;
}

.text-info h4{
	padding: 0px 0px;
	margin: 24px 0px 0px 0px;
	font-size: 300%;
	font-family: 'social_media_circledregular';
	text-align: center;
	color: #0c1d2c;
	letter-spacing: 9px;
}

.text-info h4 a{
	text-decoration: none;
	color:rgba(12,29,44,0.50);
}

.text-info h4 a:hover{
	text-decoration: none;
	color:rgba(12,29,44,1.00);
}

.text-info p{
	padding: 0px 144px;
	line-height: 1.6;
	font-size: 100%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: justify;
}

.text-info p a{
	text-decoration: none;
	color: #ed6c1e;
	font-weight: 500;
}

.text-info p a:hover{
	color: #27b4b0;
}

.img-info{
	margin: 36px 5%;
	width: 90%;
}

.img-info img {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.point-fort-container{
	margin: 36px 4% 0px 4%;
	display: block;
	float: left;
	width: 92%;
}

.point-fort{
	display: block;
	float: left;
	padding: 24px 0px;
	margin: 0px auto;
	width: 25%;
	text-align: center;
	line-height: 1;
}

.point-fort h1{
	padding: 0px 24px;
	font-size: 200%;
	margin-bottom: 12px;
	color: #ed6c1e;
}

.point-fort p{
	padding: 0px 12px;
	font-size: 100%;
	margin-bottom: 12px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.point-fort img{
	width: 20%;
	margin-bottom: 12px;
}

.nav-info p {
	margin-top: 24px;
}

.nav_container, .nav_container2, .nav_container3{
	padding: 0px 0px 48px 0px;
	margin: 0em;
	width:100%;
	display:block;
	float:left;
}

.nav-signin{
	padding: 0px 0px 36px 0px;
	margin: 48px auto;
	width:1000px;
	text-align: center;
}

.nav-signin h6{
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-family:'pacificoregular';
	font-size: 400%;
	line-height: 1;
}

.nav-signin p{
	padding: 0px 48px;
	margin: 24px 0px 36px 0px;
	color: #fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 95%;
	line-height: 1.5;
	text-align: justify;
}

.nav-signin ul{
	padding: 0px 48px;
	margin: 24px 0px;
	color: #fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 120%;
	text-align: justify;
}

.nav-signin li{
	padding: 0px;
	margin-bottom: 6px;
	color: #fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 95%;
	text-align: justify;
}

.signin-reg .price{
	background-color: #ED6C1E;
	padding: 24px 0px;
	margin-bottom: 36px;
}

.signin-res .price{
	background-color: #27B4B0;
	padding: 24px 0px;
	margin-bottom: 36px;
}

.signin-reg .price h1, .signin-res .price h1{
	color: #0c1d2c;
	font-size: 1000%;
}

.signin-reg .price h6, .signin-res .price h6{
	font-size: 220%;
	margin-top: -10px;
}

.price em{
	font-style: normal;
	font-size: 40%;
}

.signin-reg h1{
	font-size: 500%;
	color:#ED6C1E;
}

.signin-reg h2{
	font-size: 250%;
	color:#ED6C1E;
}

.signin-res h2{
	font-size: 250%;
	color:#27b4b0;
}

.signin-res h1{
	font-size: 500%;
	color:#27B4B0;
}

.signin-reg{
	padding: 24px 0px;
	margin: 48px 30px 48px 30px;
	width:428px;
	height: auto;
	border: solid 6px #ED6C1E;
	display: block;
	float: left;
}

.signin-reg strong{
	color: #ed6c1e;
	font-weight: bold;
}

.signin-res strong{
	color: #27b4b0;
	font-weight: bold;
}

.signin-res{
	padding: 24px 0px;
	margin: 48px 30px 48px 30px;
	width: 428px;
	height: auto;
	border: solid 6px #27B4B0;
	display: block;
	float: left;
}

.nav_container2{
	background-color: #0c1d2c;
}

.nav_container2 .title-info{
	background: linear-gradient(#FE6900, #0c1d2c );
}

.nav_container3{
	background-color: #27b4b0;
}

.nav_container3 .title-info{
	background: linear-gradient(#Fff, #27b4b0);
}


.nav_container2 .title-info h1{
	color: #fff;
}

.nav_container2 .nav-info p {
	color: #fff;
}

.signin-res .place{
	display: block;
	float: left;
	margin-top: 24px;
	width: 33.3333333%;
}

a .inscription{
	background-color: #fff;
	color: #0c1d2c;
	cursor: pointer;
}

.text-info a .inscription h2{
	color: #ed6c1e;
	transition: 0.4s;
	text-align: center;
}

.text-info a:hover .inscription h2{
	color: #27b4b0;
	transition: 0.4s;
	text-align: center;
}

.signin-reg a:hover .inscription{
	background-color: #ed6c1e;
	color: #fff;
	transition: 0.4s;
}

.signin-res a:hover .inscription{
	background-color: #27b4b0;
	color: #fff;
	transition: 0.4s;
}

.signin-reg a:hover .inscription h2, .signin-res a:hover .inscription h2{
	color: #fff;
}

.inscription{
	display: block;
	float: left;
	margin: 36px 12.5% 12px 12.5%;
	width: 75%;
	
}

.inscription h2 {
	color: #0c1d2c;
	font-size: 150%;
	line-height: 2;
}

.place{
	display: block;
	float: left;
	margin-top: 24px;
	width: 50%;
}

.place h4{
	color: #ed6c1e;
	font-size: 150%;
}

.place h1{
	color: #fff;
}

.place img{
	width: 90px;
	height: 90px;
	margin-bottom: 12px;
}

.nav_schedule{
	padding: 0em;
	margin: auto;
	width:1000px;
}

.schedule, .schedule3{
	display: block;
	float: left;
	width:1000px;
	margin-bottom: 12px;
}

.schedule2{
	display: block;
	float: left;
	width:1000px;
	margin-bottom: 12px;
	background-color:#EAEAEA;
}

.nav_container2 .schedule2{
	background-color:#183955;
}

.player-container{
	padding: 6px 0px;
	margin: 0em auto 0px auto;
	width:1000px;
	height: 96px;
	border-bottom: solid 3px #0c1d2c;
}

.nav_player, .nav_goalie, .nav_reserviste{
	display: block;
	float: left;
	padding: 10px 0px;
	margin: 0em 0px 0px 0px;
	width:1000px;
	height: 96px;
	border-bottom: solid 3px #0c1d2c;
}



.player-img{
	display:block;
	float:left;
	margin:0px 0px 5px 5px;
	padding:0px;
	width: 96px;
}

.player-name{
	display:block;
	float:left;
	margin:0px 0px;
	padding:4px 0px 0px 0px;
	width: 329px;
}

.player-name h1{
	font-size: 275%;
	color: #0c1d2c;
}

.nav_container3 .player-name h4{
	color: #fff;
}

.player-name h4{
	font-size: 175%;
	font-family:'pacificoregular';
	color: #27b4b0;
}

.player-name p{
	font-size: 100%;
	color: #ed6c1e;
}

.nav_container3 .player-number{
	background-color: #fff;
	border-radius: 45px;
}

.nav_goalie .player-number{
	background-color: #0c1d2c;
	border-radius: 45px;
}

.nav_container3 .stats{
	background: linear-gradient(#0c1d2c, #27b4b0);
	color: #fff;
}

.nav_goalie .stats{
	background: linear-gradient(#667a89, #fff);
}

.nav_reserviste .player-number{
	background-color: #27b4b0;
	border-radius: 45px;
}
.nav_reserviste .stats{
	background: linear-gradient(#86ccdb, #fff);
}

.player-number{
	display:block;
	float:left;
	margin: 12px 18px 0px 6px;
	padding:0px 0px 0px 0px;
	width: 65px;
	height: 65px;
	text-align: center;
	background-color: #ed6c1e;
	border-radius: 45px;
}

.nav_container3 .player-number h1{
	font-size: 275%;
	line-height: 1.55;
	color: #0c1d2c;
}

.player-number h1{
	font-size: 275%;
	line-height: 1.55;
	color: #fff;
}

.player-stats{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:480px;
	height: 96px;
	text-align: center;
}

.stats{
	display:block;
	float:left;
	width:24%;
	margin: 0px 0.5%;
	padding: 14px 0px;
	background: linear-gradient(#f9c19e, #fff);
	color: #0c1d2c;
}

.stats h1{
	font-size: 350%;
	line-height: 1;
}

.schedule-date{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:13px 0px 10px 0px;
	width: 100px;
	height: auto;
	text-align: center;
	background-color: #ed6c1e;
}

.schedule-date h1{
	font-size: 175%;
	line-height: 1;
	color: #fff;
}

.schedule-date h5{
	font-size: 95%;
	line-height: 1;
	color:#0c1d2c;

}

.schedule-pa{
	display: block;
	float: left;
	width: 250px;
	height: 66px;
	text-align: center;
	
}
.schedule-pb{
	display: block;
	float: left;
	width: 250px;
	height: 66px;
	text-align: center;
}

.nav_container2 .schedule-pa{
	background-color:#0c1d2c;
}
.nav_container2 .schedule-pb{
}

.palier{
	display:block;
	float:left;
	margin:12px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	width: 122px;
	height: auto;
	text-align: center;
	border-right: solid 3px #0c1d2c;
}

.nav_container2 .palier{
	border-right: solid 3px #fff;
}

.code-game{
	display:block;
	float:left;
	margin:12px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	width: 122px;
	height: auto;
	text-align: center;
	border-right: solid 3px #0c1d2c;
}

.nav_container2 .code-game{
	border-right: solid 3px #fff;
}

.results{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:9px 25px 9px 25px;
	width: 500px;
	height: auto;
	text-align: center;
	border-right: solid 3px #0c1d2c;
}

.nav_container2 .results{
	border-right: solid 3px #fff;
}

.details{
	display:block;
	float:left;
	margin:1px 0px 0px 12px;
	padding:0px 0px 0px 0px;
	width: 75px;
	height: auto;
	text-align: center;
	background-color: #27b4b0;
	border-radius: 10px;
	color: #fff;
}

a:hover .details {
	background-color:#FE6900;
	transition-duration: 0.4s;
}

.details img{
	height: 60px;
}

.palier h3{
	font-size:120%;
	line-height: 2.5;
}

.nav_container2 .palier h3{
	color: #fff;
}

.code-game h3{
	font-size:100%;
	line-height: 1.5;
	color: #ed6c1e;
}

.team-bleu, .team-orange, .orange-pts, .bleu-pts{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 115.25px;
	height: auto;
	text-align: center;
}

.nav_container2 .orange-pts h1, .nav_container2 .bleu-pts h1{
	color: #fff;
}

.orange-pts h1, .bleu-pts h1{
	font-size: 250%;
	line-height: 1.2;
	color: #0c1d2c;
}

.team-orange {
	color: #ED6C1E;
	margin:0px 0px 0px 0px;
}

.team-bleu {
	color: #0c1d2c;
	margin:0px;
}

.team-orange img, .team-bleu img{
	float: left;
	width: 40px;
	margin: 5px 10px 5px 12px;
}

.nav_container2 .team-bleu{
	color: #fff;
}

.team-orange h2 {
	float: left;
	color: #ED6C1E;
	line-height: 2;
}

.team-bleu h2 {
	line-height: 2;
	float: left;
}

.versus{
	display:block;
	float:left;
	margin:6px 0px 4px 0px;
	padding:8px 0px 8px 0px;
	width: 36px;
	height: auto;
	text-align: center;
	background-color: #27B4B0;
	border-radius: 30px;	
}

.nav-score{
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 400px;
	text-align: center;
	color: #fff;
}

.team-score{
	display: block;
	float: left;
	width: 250px;
}

.team-score h1{
	font-size: 1750%;
	text-shadow: 15px 15px 25px #0c1d2c;
}

.info-score{
	display: block;
	float: left;
	margin: 72px 0px 0px 0px;
	width: 450px;
	border-right: solid 25px #27b4b0;
	border-left: solid 25px #27b4b0;
}

.info-score h1{
	font-size: 500%;
	
}

.info-score p{
	margin-top: -24px;
	font-size: 400%;
	font-family:'pacificoregular';
	color: #ed6c1e;
	text-shadow: 5px 5px 15px #0c1d2c;
	
}

.info-score h3{
	font-size: 200%;
	color:#27b4b0;
}

.nav-summary{
	margin: 0px auto;
	width: 1000px;
	height: auto;
}
.nav-period{
	display: block;
	float: left;
	margin: 0px 0px 24px 0px;
	padding: 0px;
	width: 100%;
	background-color: #0c1d2c;
}

.nav-gameboard{
	display: block;
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	width: 400px;
	height: auto;
	
}

.gameboard-title{
	display: block;
	float: left;
	margin: 0px;
	width: 100%;
	height: auto;
	text-align:center;
	font-family:'pacificoregular';
	font-weight: bolder;
}

.gameboard-title p{
	line-height: 2;
	font-size: 200%;
	color: #0c1d2c;
}

.gameboard-period{
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	background-color: #27b4b0;
	text-align:center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bolder;
}

.gameboard-period p{
	line-height: 1.5;
	font-size: 110%;
	margin-left: 12px;	
}

.goal-team-b, .goal-team-o{
	display: block;
	float: left;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	background-color: #fff;
	text-align:left;
	font-weight: bolder;
}

.no-goal{
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	background: linear-gradient( #0c1d2c, #ed6c1e);
	text-align:center;
	font-weight: bolder;
}

.no-goal p{
	line-height: 1.5;
	font-size: 200%;
	color: #fff;
}

.goal-player-img{
	display: block;
	float: left;
	width:60px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

.goal-player-img img{
	width:90%;
	margin: 1px 0px 0px 6px;
	padding: 0px;
}

.goal-team-b .goal-player-img{
	border-left: solid 12px #0c1d2c;
}

.goal-team-o .goal-player-img{
	border-left: solid 12px #ed6c1e;
}

.goal-player-info{
	display: block;
	float: left;
	margin: 2px 0px 0px 15px;
	padding: 10px 0px;
	width: auto;
	color: #0c1d2c;
}

.goal-player-info p{
	line-height: 1.0;
	font-size: 55%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.goal-player-info h1{
	line-height: 1.25;
	font-size: 165%;
}

.goal-summary{
	display: block;
	float: right;
	margin: -8px 0px 0px 0px;
	padding: 0px 0px;
	width: 55px;
	color: #0c1d2c;
	text-align: right;
	font-size: 250%;
}

.goal-summary p{
	margin-top: 6px;
	line-height: 2.3;
	font-size: 70%;
}

.nav_lineup{
	display: block;
	float: left;
	margin: 0px 0px 0px 25px;
	width: 500px;
	height: auto;
}

.lineup_title{
	display: block;
	float: left;
	margin: 0px;
	width: 100%;
	height: auto;
	text-align:center;
	font-family:'pacificoregular';
	font-weight: bolder;
}

.lineup_title p{
	line-height: 2;
	font-size: 200%;
	color: #0c1d2c;
}

.team_orange{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 4px 0px;
	background-color: #ed6c1e;
	font-weight: bolder;
	border-left: solid 12px #ed6c1e;
	font-size: 100%;
}

#goalie-orange{
	background-color:rgba(244,171,127,1.00);
}

#goalie-bleu{
	background-color:rgba(49,120,183,0.50);
}

.team_blue{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 24px;
	padding: 4px 0px;
	background-color: #0c1d2c;
	font-weight: bolder;
	border-left: solid 12px #0c1d2c;
	font-size: 100%;
}

.player_orange, .player_orange2{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	font-weight: bolder;
	border-left: solid 12px #ed6c1e;
	font-size: 100%;
}

.player_blue, .player_blue2{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	font-weight: bolder;
	border-left: solid 12px #0c1d2c;
	font-size: 100%;
}

.player_orange2, .player_blue2{
	background-color:#D9D9D9;
}

.orange_title, .blue_title{
	display: block;
	float: left;
	width: 200px;
	height: auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bolder;
}

.orange_title p, .blue_title p{
	padding-left: 24px;
	
}

.team_orange p, .team_blue p{
	line-height: 1.25;
	color: #fff;
}

.player_orange p, .player_blue p, .player_orange2 p, .player_blue2 p{
	line-height: 2;
	color: #0c1d2c;
}


.nav_pts{
	display: block;
	float: right;
	width: auto;
}

.case{
	display: block;
	float: left;
	width: 36px;
	text-align: center;
}

.player_orange .case, .player_blue .case, .player_orange2 .case, .player_blue2 .case{
	border-left: solid 2px #0c1d2c;
}

.team_orange .case, .team_blue .case{
	width: 38px;
}

.number{
	display: block;
	float: left;
	border-right: solid 2px #0c1d2c;
	width: 24px;
	text-align: center;
}

.position{
	display: block;
	float: left;
	width: 24px;
	text-align: center;
}

.profil{
	display: block;
	float: left;
	width: 24px;
	margin-top: 5px;
	margin-right: 12px;
	text-align: center;
}

.name{
	display: block;
	float: left;
	width: 200px;
	text-align: left;
}

.nav-stargame{
	display: block;
	float: left;
	padding: 36px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 575px;
	text-align: center;
	background-color: #fff;
}

.nav-stargame h1{
	font-size: 200%;
	font-family:'pacificoregular';
	color: #0c1d2c;
	text-align: center;
}

.stargame{
	display: block;
	float: left;
	margin: 0px;
	width: 33.33333333333%;
	text-align: center;
	color: #0c1d2c;
	background-color: #fff;
}
.stargame h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: 6px 0px;
}

.stargame p{
	font-family:'pacificoregular';
	font-size: 125%;
	color: #27b4b0;
}

.stargame h2{
	font-size: 175%;
	color: #ed6c1e;
}

.stargame-img{
	display: block;
	float: none;
	padding: 24px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 100px;
	text-align: center;
	color: #fff;
}

.shootout-goal{
	display: block;
	float: none;
	margin: -22px auto 8px auto;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #059802;
}

.shootout-nogoal{
	display: block;
	float: none;
	margin: -22px auto 8px auto;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #EC0105;
}
.shootout-player-nav{
	display: block;
	float: left;
	width: 33.33333333%;
}

.shootout-bleu{
	display: block;
	float: left;
	width: 100%;
	border-left: solid 12px #0c1d2c;
	background-color: #fff;
	margin-bottom: 1px;
}

.shootout-orange{
	display: block;
	float: left;
	width: 100%;
	border-left: solid 12px #ed6c1e;
	background-color: #fff;
	margin-bottom: 1px;
}

.shootout-orange .shootout-player-nav .shootout-player-img{
	background-color: #ed6c1e;
} 

.shootout-player-img{
	display:block;
	float:none;
	margin:10px auto 5px auto;
	padding:0px;
	width: 75px;
	border-radius:75px;
}

.nav_week{
	display: block;
	float: none;
	margin: -24px auto 0px auto;
	padding: 0px 0px;
	width: 1000px;
	height: auto;
}

.nav_week p{
	font-size: 300%;
	color: #27b4b0;
	line-height: 2.5;
	margin-top: -24px;
}

.team1_week{
	display: block;
	float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 480px;
	text-align: center;
	font-family:'pacificoregular';
}

.team2_week{
	display: block;
	float: right;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 480px;
	text-align: center;
	font-family:'pacificoregular';
}

.player_week{
	width: 100%;
	display: block;
	float: left;
	margin: 0px auto;
	padding: 0px 0px;
	border-bottom: solid 2px #0c1d2c;
}

.img_week{
	display: block;
	float: left;
	margin: 8px;
	padding: 0px;
	background-color: #27b4b0;
	width: 96px;
	height: 90px;	
}

.info_week{
	display: block;
	float: left;
	width: 340px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	text-align: left;
}

.info_week h4{
	font-size: 175%;
	font-family:'pacificoregular';
	color: #0c1d2c;
}

.info_week h1{
	font-size: 300%;
	color: #ed6c1e;
	font-family: 'agencyfbbold';
}

.jersey_week{
	width: 50%;
	text-align: center;
	font-family:'norwesterregular';
	display: block;
	float: left;
	margin-top: 24px;
}

.jersey_week img{
	width: 90px;
	margin: 8px;
}

.jersey_week p{
	font-size: 120%;
	color: #0c1d2c;
}

.text-honnor{
	display: block;
	float: none;
	width: 1000px;
	height: auto;
	padding: 60px 0px;
	margin: 0px auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
}

.text-honnor p{
	line-height: 2;
}

.nav-honnor, .nav-honnor-player{
	display: block;
	float: none;
	width: 1000px;
	height: auto;
	padding: 36px 0px;
	margin: 0px auto;
	text-align: center;	
}

.nav-honnor h1{
	line-height: 3;
	font-family:'norwesterregular';
	font-size: 250%;
}

.nav-honnor h2{
	font-family:'pacificoregular';
	line-height: 1.25;
	font-size: 250%;
}

.nav-scorer, .nav-pointer, .nav-goaler, .nav-assist{
	display: block;
	float: left;
	width: 44%;
	margin: 0px 3% 38px 3%;
	height: auto;
	border-bottom: solid #0c1d2c 2px;
}

.nav-gamer{
	display: block;
	float: left;
	width: 96%;
	margin: 0px 2% 38px 2%;
	height: auto;
	border-bottom: solid #0c1d2c 2px;
}

.scorer1, .pointer1, .goaler1, .assist1{
	display: block;
	float: left;
	width:23%;
	margin: 0px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	height: 325px;
	background-color: #ed6c1e;
	color: #fff;
}

.scorer2, .pointer2, .goaler2, .assist2{
	display: block;
	float: left;
	width:23%;
	margin: 10px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	height: 315px;
	background-color: #E4E4E4;
	color: #0c1d2c;
}

.scorer3, .pointer3, .goaler3, .assist3{
	display: block;
	float: left;
	width:23%;
	margin: 20px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	height: 305px;
	background-color: #E4E4E4;color: #0c1d2c;
}

.scorer4, .pointer4, .goaler4, .assist4{
	display: block;
	float: left;
	width:23%;
	margin: 30px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	height: 295px;
	background-color: #E4E4E4;
	color: #0c1d2c;
}

.gamer1, .gamer2, .gamer3, .gamer4, .gamer5, .gamer6, .gamer7, .gamer8{
	display: block;
	float: left;
	width:11%;
	margin: 30px 0.75% 0px 0.75%;
	padding: 0px 0px 0px 0px;
	background-color: #E4E4E4;
	color: #0c1d2c;
}

.scorer1, .pointer1, .goaler1, .gamer1, .scorer2, .pointer2, .goaler2, .gamer2, .scorer3, .pointer3, .goaler3, .gamer3, .scorer4, .pointer4, .goaler4, .gamer4, .assist1, .assist2, .assist3, .assist4, .gamer5, .gamer6, .gamer7, .gamer8{
	background-repeat:no-repeat;
	background-position: bottom right;
	background-size:120px;
}

.scorer1{
	background-image: url("../img/honnor/honnor_mp.png");
}
.scorer2{
	background-image: url("../img/honnor/honnor_jph.png");
}
.scorer3{
	background-image: url("../img/honnor/honnor_fl.png");
}
.scorer4{
	background-image: url("../img/honnor/honnor_vg.png");
}
.pointer1{
	background-image: url("../img/honnor/honnor_mp.png");
}
.pointer2{
	background-image: url("../img/honnor/honnor_jph.png");
}
.pointer3{
	background-image: url("../img/honnor/honnor_fl.png");
}
.pointer4{
	background-image: url("../img/honnor/honnor_rp.png");
}
.goaler1{
	background-image: url("../img/honnor/honnor_sb2.png");
}
.goaler2{
	background-image: url("../img/honnor/honnor_sb.png");
}
.goaler3{
	background-image: url("../img/honnor/honnor_plc.png");
}
.goaler4{
	background-image: url("../img/honnor/honnor_sm.png");
}
.gamer1{
	height: 325px;
	background-color: #ed6c1e;
	color: #fff;
	background-image: url("../img/honnor/honnor_mp.png");
}
.gamer2{
	margin: 35px 0.75% 0px 0.75%;
	height: 320px;
	background-image: url("../img/honnor/honnor_sl.png");
}
.gamer3{
	margin: 40px 0.75% 0px 0.75%;
	height: 315px;
	background-image: url("../img/honnor/honnor_rp.png");
}
.gamer4{
	margin: 45px 0.75% 0px 0.75%;
	height: 310px;
	background-image: url("../img/honnor/honnor_jph.png");
}
.gamer5{
	margin: 50px 0.75% 0px 0.75%;
	height: 305px;
	background-image: url("../img/honnor/honnor_fl.png");
}
.gamer6{
	margin: 55px 0.75% 0px 0.75%;
	height: 300px;
	background-image: url("../img/honnor/honnor_fp.png");
}
.gamer7{
	margin: 60px 0.75% 0px 0.75%;
	height: 295px;
	background-image: url("../img/honnor/honnor_jl.png");
}
.gamer8{
	margin: 65px 0.75% 0px 0.75%;
	height: 290px;
	background-image: url("../img/honnor/honnor_fl2.png");
}
.assist1{
	background-image: url("../img/honnor/honnor_rp.png");
}
.assist2{
	background-image: url("../img/honnor/honnor_jph.png");
}
.assist3{
	background-image: url("../img/honnor/honnor_mp.png");
}
.assist4{
	background-image: url("../img/honnor/honnor_fl.png");
}



table {
	margin-top: 36px;
  	width: 100%;
	border-collapse: collapse;
	border:0; 
	cellspacing:0;
	cellpadding:0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

table img{
  height: 50px;
}

th, td { 
	height: 30px;
}

/*tr:hover {
	background-color: #ed6c1e;
	color: #fff;
}*/

tr:nth-child(even) {background-color: #f2f2f2;}

.tabs{
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.tabs_label{
	width: 25%;
	margin: 0px;
	padding: 24px 0px;
	cursor: pointer;
}

.tabs__radio{
	display: none;
}

.tab__content{
	order: 1;
	width: 100%;
	display: none;
}

.tabs__radio:checked+.tabs_label{
	font-weight: bolder;
	color: #27b4b0;
	border-bottom: 6px solid #27b4b0;
}

.tabs__radio:checked+.tabs_label+.tab__content{
	display: block;
}

@media screen and (max-width: 1030px) {	
	
footer{
	height: auto;
	padding: 0px;
}

footer .maxpeltdesign img{
	width: 36px;
	float: left;
	display: block;
	padding: 10px 0px;
	margin-left: 24px;
}
	
.maxpeltdesign p{
	line-height: 3;
}
	
.copyright p{
	line-height: 3.8;
}
	
footer .maxpeltdesign{
	width: 100%;
	height: 48px;
}
	
footer .copyright{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 60px;
}	

.owner{
	display: block;
	float: left;
	width: 100%;
	margin: 24px 0px 12px 0px;
}	
	
.menu-logo {
	width: 200px;	
}

.menu-logo img{
	width: 200px;	
}
	
.title-info{
	padding: 72px 0px 0px 0px;
	margin: 0px;
}

.title-info h1{
	font-size: 500%;
}
	
.text-info p{
	padding: 0px 72px;
	line-height: 1.6;
	font-size: 90%;
}
	
.pub2{
		margin-top: 132px;
	}	
	
}

@media screen and (max-width: 1000px) {
	
.container_resume {
	display: block;
	float: left;
	width: 100%;
	height: 250px;
	border-top: solid 12px #27b4b0;
}

.nav_resume {
	width: 100%;
	height: 100px;
	margin: 0px auto;
	overflow-x: auto;
	flex-wrap: wrap;
}
	
.match_resume {
	display: block;
	float: left;
	width: 333px;
	margin: 0px;
	padding: 0px;
}	
	
.nav-scorer, .nav-pointer, .nav-goaler, .nav-gamer{
	width: 90%;
	margin: 0px 5% 38px 5%;
}	
	
.nav-honnor, .text-honnor{
	display: block;
	float: left;
	width: 90%;
	height: auto;
	margin: 0px 5% 0px 5%;
}
	
.nav-honnor-player{
	display: block;
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0% 0px 0%;
}
	
.nav-header2 {
	width: 100%;
	margin: auto;
}	
	
.nav-subscription{
	float: left;
	padding: 0px;
	width: 100%;
	height: auto;
	margin: auto;
	text-align:center;
	color: #fff;
}

.nav-subscription img{
	width: 65%;
}

.nav-trio{
	float: left;
	padding: 0px 0%;
	width: 100%;
	height: auto;
	margin: auto;
	text-align:center;
	color: #fff;
}

.nav-trio img{
	width: 75%;
	margin-top: 1px;	
}

.nav-pub{
	width: 100%;
	height: auto;
}

#game1, #game2, #game3, #game4, #game5, #game6, #game7, #game8, #game9, #game10, #game11, #game12, #game13, #game14, #game15, #game16, #game17, #game18, #game19, #game20, #game21, #game22, #game23, #game24, #game25, #game26, #game27, #game28, #game29, #game30{
	background-repeat:no-repeat;
	background-position: center top;
	background-size:cover;	
	}	
	
#game1, #game7, #game25{
	background-image:url("../img/back/game1.jpg");
}
	
#game2, #game8, #game26{
	background-image:url("../img/back/game2.jpg");	
}
	
#game3, #game9, #game27{
	background-image:url("../img/back/game3.jpg");	
}
	
#game4, #game10, #game28{
	background-image:url("../img/back/game4.jpg");	
}
	
#game5, #game11, #game29{
	background-image:url("../img/back/game5.jpg");	
}
	
#game6, #game12, #game30{
	background-image:url("../img/back/game6.jpg");	
}

#game13, #game19{
	background-image:url("../img/back/game1.png");	
}	

#game14, #game20{
	background-image:url("../img/back/game2.png");	
}	
	
#game15, #game21{
	background-image:url("../img/back/game3.png");	
}	
	
#game16, #game22{
	background-image:url("../img/back/game4.png");	
}	
	
#game17, #game23{
	background-image:url("../img/back/game5.png");	
}
	
#game18, #game24{
	background-image:url("../img/back/game6.png");	
}		
	
.nav_schedule{
	display: block;
	float: none;
	padding: 0em;
	margin: auto 5%;
	width:90%;
}
	
.schedule, .schedule2{
	display: block;
	float: left;
	width: 100%;
	padding: 24px 0px;
	margin-bottom: 0px;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,1));
}

.schedule3{
	display: block;
	float: left;
	width: 100%;
	padding: 36px 0px;
	margin-bottom: 0px;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,1));
}	
	
.schedule2{
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,1));
}
	
.nav_container2 .schedule, .nav_container2 .schedule2, .nav_container2 .schedule3{
	background-color: #0C1D2C;
	
}
	
.nav_container2 .palier{
	border-right: none;
	background-color: #fff;
	
	
}
	
.nav_container2 .palier h3{
	color: #0C1D2c;
	}	
	
.schedule-date{
	display: block;
	float: left;
	margin:0px 0px 0px 0px;
	padding:8px 0px 9px 0px;
	width: 33.333333333333%;
}
	
.palier{
	display: block;
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 50%;
	height: 60px;
	border-right: none;
	background-color: #0C1D2C;
	color: #fff;
}
	
.palier h3{
	margin: 0;
	padding: 0;
	line-height: 3;
	}
	
.code-game h3{
	margin: 0;
	padding: 0px;
	line-height: 1.25;
	color: #0C1D2C;
	}	

.code-game{
	display: block;
	float: left;
	margin:0px 0px 0px 0px;
	padding:13px 0px 0px 0px;
	width: 50%;
	height: 47px;
	border-right: none;
	background-color: #27B4B0;
	color: #fff;
}
	
.nav_container2 .code-game{
	border-right: none;
	}	

.schedule-pa, .schedule-pb{
	display: block;
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 66.666666666666%;
	height: auto;
	background: #fff;
}
	
.nav_container2 .schedule-pa, .nav_container2 .schedule-pb{
	background: none;
	border-right: none;
}	
	
.results{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:16px 0px;
	width: 100%;
	border-right:none;
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1),rgba(255,255,255,0.5),rgba(255,255,255,0));
}
	
.nav_container2 .results{
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:16px 0px;
	width: 100%;
	border-right:none;
	background: linear-gradient(rgba(12,29,44,1.00), rgba(12,29,44,0.5), rgba(12,29,44,0));
	color: rgba(12,29,44,1.00)
}
	
.team-bleu, .team-orange, .orange-pts, .bleu-pts{
	margin:0px 0px 0px 0px;
	padding:12px 0px 12px 0px;
	width: 22.5%;
	border-radius: 0;
	background-color: none;
}
	
.team-orange img, .team-bleu img{
	float: none;
	width: 75px;
	margin: 0px;
}

.team-orange h2 {
	float: none;
	color: #ED6C1E;
	line-height: 1;
}

.team-bleu h2 {
	line-height: 1;
	float: none;
}	
	
.versus{
	margin:29px 0px 0px 0px;
	padding:12px 0px 8px 0px;
	width: 10%;
	border-radius: 1;
	box-shadow: 0px 10px 25px #0c1d2c;
}	
	
.orange-pts h1, .bleu-pts h1{
	font-size:375%;
	line-height: 1.25;
	margin-top: 5px;
	color: #0C1D2c;
}
	
.details{
	display: block;
	float: left;
	margin:-5px 12.5% 0px 12.5%;
	padding:8px 0px 8px 0px;
	width: 75%;
}

.player-container{
	padding: 6px 0px;
	margin: 0em auto 0px auto;
	width: 95%;
	height: auto;
}	
	
.nav_player, .nav_goalie, .nav_reserviste{
	display: block;
	float: left;
	padding: 20px 0px;
	margin: 0em 2.5% 0px 2.5%;
	width:45%;
	height: auto;
	border-bottom: none;
}
	
.player-name{
	display:block;
	float:left;
	margin-bottom: 24px;
	width:100%;
	height: auto;
	text-align: center;
}
	
.player-name h1{
	font-size: 325%;
	color: #0c1d2c;
}

.player-name h4{
	font-size: 225%;
	font-family:'pacificoregular';
	color: #27b4b0;
}
	
.player-img{
	display:block;
	float:none;
	margin:10px auto 5px auto;
	padding:0px;
	width: 175px;
	border-radius:175px;
	border: solid 6px #ed6c1e;
}	
	
.player-number{
	display:block;
	float:none;
	margin: -40px auto 12px auto;
	width: 60px;
	height: 60px;
	border-radius: 60px;
}
	
.player-number h1{
	font-size: 250%;
	line-height: 1.65;
}
	
.nav_container3 .player-number h1{
	font-size: 250%;
	line-height: 1.65;
}	
	
.player-stats{
	display:block;
	float:left;
	width:100%;
	margin: 0px;
	padding: 0px;
	height: auto;
}
	
.stats{
	display:block;
	float:left;
	margin: 0px 0px 0px 0px;
	width:25%;
	height: auto;
}
	
.stats h1{
	font-size: 225%;
	line-height: 1;
}
	
.stats h4{
	font-size: 95%;
	line-height: 1;
}	

.pub1, .pub2, .pub3{
	width: 75%;
	margin: 48px 12.5%;
		
	}
	
.pub2 p, .pub3 p{
	font-size: 300%;
	margin-top: -12px;
		
	}
.pub2 h1, .pub3 h1{
	font-size: 500%;
	margin-top: -12px;
		
	}	
	
.nav-map{
	width: 100%;
	margin: 0px 0px 24px 0px;
	padding: 0px 0px 24px 0px;
}
	
.map-img{
	width: 60%;
	margin: 24px 20% 0px 20%;
	padding: 24px 84px 24px 0px;
}

.map-info{
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
}
	
.nav_container3 .map-info p{
	margin: 0px;
	padding-top: 6px;
	text-align: center;
}

.nav_container3 .map-info h3{
	margin: 30px 0px 6px 0px;
	text-align: center;
}
	
.nav-signin{
	padding: 0px 0px 36px 0px;
	width:800px;
}
	
.signin-reg{
	padding: 24px 0px;
	margin: 48px 24px 48px 0px;
	width:360px;
}

.signin-res{
	padding: 24px 0px;
	margin: 48px 0px 48px 24px;
	width:360px;
}

.nav-signin h1{
	font-size: 300%;
}

.nav-signin h6{
	font-size: 200%;
}
	
.nav-signin h2{
	font-size: 175%;
}
	
.nav-signin p{
	font-size: 80%;
}
	
.nav-signin .price h1{
	color: #0c1d2c;
	font-size: 700%;
}

.nav-signin .price h6{
	font-size: 150%;
	margin-top: -10px;
}	

.place h4{
	color: #ed6c1e;
	font-size: 125%;
}

.place h1{
	color: #fff;
	font-size: 350%;
}

.place img{
	width: 60px;
	height: 60px;
	margin-bottom: 12px;
}	

.inscription h2 {
	color: #0c1d2c;
	font-size: 125%;
	line-height: 2;
}
	
.img-info{
	display: block;
	float: left;
	padding: 0px;
}

.img-info img {
	width: 100%;
	margin: 0px;
	padding: 0px;
}	

.point-fort{
	margin: 0px;
	padding: 0px;
	width: 50%;
	height: 250px;
}
	
.point-fort h1{
	padding: 0px;
	font-size: 180%;
	margin-bottom: 12px;
	color: #ed6c1e;
}

.point-fort p{
	padding: 0px 60px;
	font-size: 100%;
}

.point-fort img{
	width: 60px;
	margin-bottom: 12px;
}
	
.point-fort-container{
	display: block;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 0px;
}	
	
.pub2{
	margin-top: 111px;
	}		

.nav_container2 .team-bleu{
	background: none;
	color: #fff;
}

.nav-summary{
	margin: 0px auto;
	width: 90%;
	height: auto;
}

.nav-gameboard, .nav-stargame{
	margin: 0px auto;
	width: 100%;
	height: auto;
}
	
.nav_lineup{
	margin: 0px auto;
	width: 98.7%;
	height: auto;
}
	
.nav-score{
	margin: 48px auto 0px auto;
	width: 550px;
	height: auto;
	text-align: center;
	color: #fff;
}

.team-score{
	display: block;
	float: left;
	width: 100px;
}

.team-score h1{
	font-size: 1000%;
	text-shadow: 15px 15px 25px #0c1d2c;
}

.info-score{
	display: block;
	float: left;
	margin: 36px 0px 0px 0px;
	width: 325px;
	border-right: solid 12px #27b4b0;
	border-left: solid 12px #27b4b0;
}

.info-score h1{
	font-size: 400%;
	
}

.info-score p{
	margin-top: -24px;
	font-size: 300%;
	font-family:'pacificoregular';
	color: #ed6c1e;
	
}

.info-score h3{
	font-size: 150%;
	color:#27b4b0;
}
	
.nav-pub3{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 375px;
	background-image:url("../img/back/orange.png"), url("../img/back/bleu.png"), url("../img/back/back1.jpg");
	background-repeat: no-repeat, no-repeat, no-repeat;
  	background-position: center left, center right, center top;
	background-size: 200px, 200px, cover;
}
	
.nav_week{
	display: block;
	float: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	width: 100%;
	height: auto;
}
	
.team1_week{
	width: 90%;
	margin: 0px 5% 24px 5%;
}

.team2_week{
	width: 90%;
	margin: 24px 5% 0px 5%;
}
	
.img_week{
	display: block;
	float: left;
	margin: 8px;
	padding: 0px;
	background-color: #27b4b0;
	width: 84px;
	height: 90px;	
}

.info_week{
	display: block;
	float: left;
	width: 240px;
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 0px 24px;
	text-align: left;
}

.info_week h4{
	font-size: 125%;
}

.info_week h1{
	font-size: 250%;
}

.jersey_week{
	width: 33.3333333333%;
	margin-top: 24px;
}	
	
}

@media screen and (max-width: 750px) {

#menuToggle{

margin-left:30px;
  top: 30px;
  left: 0px;
}	
	
.menu-logo {
	width: 150px;
	margin-top: -48px; 
}

.menu-logo img{
	width: 150px;	
}
	
.main-menu{
	height: 72px;
	border-bottom: solid 6px #FE6900;
}
	
.pub1 p{
	margin-top: 72px;
	font-size: 200%;
	line-height: 1;
	font-family:'pacificoregular';
	color: #fff;
	text-align: center;
}


.title-info h1{
	font-size: 250%;
}
	
.text-info p{
	padding: 0px 36px;
}	

.title-info{
	margin: 0px 0px 0px 0px;
	height: 100px;
}
	
.point-fort{
	margin: 0px;
	padding: 0px;
	padding-bottom: 24px;
	width: 100%;
	height: auto;
}
	
.nav-signin{
	padding: 0px 0px 36px 0px;
	width:100%;
}
	
.signin-reg{
	padding: 24px 0px;
	margin: 48px 10% 0px 10%;
	width:80%;
}

.signin-res{
	padding: 24px 0px;
	margin: 48px 10%;
	width:80%;
}
	
.signin-res p, .signin-reg p{
	margin: 24px 6px;
	font-size: 90%;
	padding: 0px 36px;
}
	
.nav_player, .nav_goalie, .nav_reserviste{
	display: block;
	float: left;
	padding: 20px 0px;
	margin: 0em 5% 0px 5%;
	width:90%;
	height: auto;
	border-bottom: none;
}
	
table {
	font-size: 75%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
	
.tabs_label{
	width: 25%;
	margin: 0px;
	padding: 12px 0px;
	font-size: 75%;
}
	
.gamer1, .gamer2, .gamer3, .gamer4, .gamer5, .gamer6, .gamer7, .gamer8{
	display: block;
	float: left;
	width:23%;
	margin: 10px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	height: 295px;
}
	
}

@media screen and (max-width: 550px) {

.nav_container3 .map-info p, .nav_container3 .owner p{
	font-size:100%;
}
	
.nav_container3 .map-info h3, .nav_container3 .owner h3{
	font-size:110%;
}
	
#menuToggle
{

margin-left:24px;
  top: 24px;
  left: 0px;
}		
	
.main-menu{
	height: 60px;
	border-bottom: solid 6px #FE6900;
}	
	
.menu-logo {
	width: 125px;
	margin-top: -36px;
}

.menu-logo img{
	width: 125px;
	
}
	
.pub1 p{
	margin-top: 72px;
	font-size: 150%;
	line-height: 1;
	font-family:'pacificoregular';
	color: #fff;
	text-align: center;
}
	

.title-info h1{
	font-size: 240%;
}
	
.maxpeltdesign p{
	font-size: 80%;
	line-height: 4;
}
	
.copyright p{
	font-size: 80%;
	line-height: 4.74;
}
	
.stats h1{
	font-size: 150%;
	line-height: 1;
}
	
.stats h4{
	font-size: 80%;
	line-height: 1;
}
	
.player-name h1{
	font-size: 315%;
	color: #0c1d2c;
}

.player-name h4{
	font-size: 185%;
}
	
.player-img{
	display:block;
	float: left;
	margin:10px auto 5px auto;
	padding:0px;
	width: 125px;
	border-radius:125px;
	border: solid 3px #ed6c1e;
}	
	
.player-number{
	display:block;
	float:left;
	margin: 110px 0px 12px -87px;
	width: 45px;
	height: 45px;
	border-radius: 45px;
}
	
.nav_container3 .player-number{
	display:block;
	float:left;
	margin: 100px 0px 12px -87px;
	width: 45px;
	height: 45px;
	border-radius: 45px;
}	
	
.player-number h1{
	font-size: 175%;
	line-height: 1.75;
}
	
.nav_container3 .player-number h1{
	font-size: 175%;
	line-height: 1.75;
}	
	
.player-name{
	display:block;
	float:left;
	margin-left: 12px;
	padding: 30px 0px;
	margin-bottom: 12px;
	width:175px;
	height: auto;
	text-align: left;
}
	
.player-name h1{
	font-size: 250%;
	color: #0c1d2c;
}

.player-name h4{
	font-size: 150%;
}
	
.player-name p{
	font-size: 75%;
}
	
.nav-score{
	display: block;
	float: left;
	margin: 48px 5% 0px 5%;
	width: 90%;
	height: auto;
	text-align: center;
	color: #fff;
	text-shadow: 5px 5px 5px #0c1d2c;
}

.team-score{
	display: block;
	float: left;
	width: 25%;
}

.team-score h1{
	font-size: 700%;
	text-shadow: 15px 15px 25px #0c1d2c;
}
	
.team-score p{
	font-size: 75%;
	text-shadow: 15px 15px 25px #0c1d2c;
}	

.info-score{
	display: block;
	float: left;
	margin: 36px 0px 0px 0px;
	width: 45%;
	border-right: solid 6px #27b4b0;
	border-left: solid 6px #27b4b0;
}

.info-score h1{
	font-size: 150%;
	
}

.info-score p{
	margin-top: -6px;
	font-size: 120%;
	font-family:'pacificoregular';
	color: #ed6c1e;
	
}

.info-score h3{
	font-size: 100%;
	color:#27b4b0;
}
	
.nav-pub3{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 325px;
	background-image:url("../img/back/orange.png"), url("../img/back/bleu.png"), url("../img/back/back1.jpg");
	background-repeat: no-repeat, no-repeat, no-repeat;
  	background-position: center left, center right, center top;
	background-size: 150px, 150px, cover;
}
	
.goal-player-info{
	display: block;
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 12px 0px;
	width: auto;
	color: #0c1d2c;
}

.goal-player-info p{
	line-height: 1.0;
	font-size: 55%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.goal-player-info h1{
	line-height: 1.25;
	font-size: 145%;
}
	
.goal-summary{
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	width: 50px;
	color: #0c1d2c;
	text-align: center;
	font-size: 250%;
}

.goal-summary p{
	margin-top: 6px;
	line-height: 1.95;
	font-size: 70%;
}
	
.nav_lineup{
	margin: 0px auto;
	padding: 0px;
	width:97%;
	font-size: 80%;	
	}	
	
.case{
	display: block;
	float: left;
	width: 30px;
	text-align: center;
}

.player_orange .case, .player_blue .case, .player_orange2 .case, .player_blue2 .case{
	border-left: solid 1px #0c1d2c;
}

.team_orange .case, .team_blue .case{
	width: 31px;
	text-align: center;
}

.number{
	display: none;
	
}

.position{
	display: none;
}

.profil{
	display: none;
}

.name{
	display: block;
	float: left;
	width: 140px;
	margin-left: 12px;
	text-align: left;
}
	
.orange_title, .blue_title{
	display: block;
	float: left;
	width: 150px;
	height: auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bolder;
	font-size:75%;
}
	
.img_week{
	display: block;
	float: left;
	margin: 8px;
	padding: 0px;
	background-color: #27b4b0;
	width: 72px;
	height: 70px;	
}

.info_week{
	display: block;
	float: left;
	width: 200px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	text-align: left;
}
	
table {
	font-size: 65%;
	width:150%;
}
	
}