html, body {
    margin: auto;
    width: 100%;
    height: 100%;

  }
  body{
    max-width: 100vw !important;
	position:absolute;
	background-image: url("bg.png");
    background-size: cover;
    /* background-position: center center; */
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	overflow-y:scroll;
		/* background-position: center 140px; */
		background-position: center;
  }
  a img {
  border: none;
  }
  button {
  vorder:none;
  }

  .header {
    /* position: fixed; */
    height: 140px;
    width: 100%;
    margin: 0 auto;
    /* background-color:rgba(255,255,255,1); */
    color: #FFF;
    display: block;
    text-align: center;
    z-index: 999999999999999999;
  }

  .titre {
    width: auto;
    line-height: 128px;
    margin: auto;
    text-align: center;
    font-size: 2vw;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
  }

  .logo {
    top: 15px;
	position: relative;
  }
  
    .logo img {
    width: 750px;
  } 
    .logo-mob {
	display:none;	
	}
  
  .content {
	width:100%;
	height:auto;
	text-align:center;
	margin:auto;
  }
  
  #contenu {
    position:relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    border: none;
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    line-height: 0;
    font-size: 0;
	width:100%;
	margin:auto;
  }

  #partage {
    position: absolute;
    right: 50px;
	top:50px;
    z-index: 5;
  }

  .media {
    position: fixed;
    right: 15px;
    bottom: 15px;
	z-index:99999999;
  }

  .media img {
    width: 40px;
  }
  


  h1 {
    text-align: left;
    margin: 0;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    line-height: 1.5vw;
    color: white;
    font-size: 1.5vw;
    font-weight: 400;
  }
  h2 {
   font-family: 'Roboto', Arial, Helvetica, sans-serif;
   font-weight:700;
	font-size:1.7em;
	color:#fff;
	margin: 0.20em;
	padding:0px 5px;
  }
  .-active h2 {
	  color:#666;
  } 
  
  iframe{
    overflow: hidden;
    overflow-y: auto;
  }


  
  
.tabs {
  width:100%;
  line-height: 1.5;
  color: #fff;
  text-align:center;
  margin:auto;
  border:none;
  margin-top:40px;
}

.tabs_gotoWrap {
}
.tabs_goto {
	padding: 0px 0px;
	margin-right:10px;
	background:#666666;
	border:none;
	cursor:pointer;
	text-align:center;
	transition:all ease 0.25s;
	border-radius:2px;
}

.-active h2 {
color:#666;
}

.-active {
	background-color:#fcf643;
	color:#666;
}

.tabs_section {
  width:60%;
  display: none;
  min-height: 12rem;
  margin-top:30px;
  max-width:1024px;
}

.tabs_section.-open {
  display: block;
}

.Opta .Opta-H2, .Opta h2 {
    height: 30px;
    background: #fcf543;
    color: #000;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:300;
}

.Opta .Opta-H3, .Opta h3 {
    width: 100%;
    height: 40px;
    line-height: 30px;
    overflow: hidden;
	background: rgba(0,0,0,0);
	background-image:url(td.png);
	background-position:bottom center;
    font-weight: 700;
    color: #666;
    border-bottom: 3px solid #fcf543;
}

.Opta .Opta-H2 > span, .Opta .Opta-H3 > span, .Opta .Opta-H4 > span, .Opta h2 > span, .Opta h3 > abbr, .Opta h3 > span, .Opta h4 > span {
    line-height: 46px;
}

.Opta > .Opta_W > div {
    background: rgba(0,0,0,0);
}

.Opta > .Opta_W {
    background: rgba(0,0,0,0);
}

.Opta a, .Opta abbr, .Opta canvas, .Opta dd, .Opta div, .Opta dl, .Opta dt, .Opta fieldset, .Opta figcaption, .Opta figure, .Opta form, .Opta h2, .Opta h3, .Opta h4, .Opta img, .Opta label, .Opta legend, .Opta li, .Opta ol, .Opta p, .Opta span, .Opta table, .Opta tbody, .Opta td, .Opta tfoot, .Opta th, .Opta thead, .Opta tr, .Opta ul {
	margin:auto;
}

.Opta .Opta-Even td, .Opta .Opta-Even th, .Opta .Opta-Striped li:nth-child(2n), .Opta .Opta-Striped tbody tr:nth-child(2n) td, .Opta .Opta-Striped tbody tr:nth-child(2n) th, .Opta div.Opta-Even, .Opta li.Opta-Even {
	background:#fffeda;
}

.Opta td, .Opta th {
	text-align:center;
}

.Opta .Opta-H2 > span, .Opta .Opta-H3 > span, .Opta .Opta-H4 > span, .Opta h2 > span, .Opta h3 > abbr, .Opta h3 > span, .Opta h4 > span {
    float: inherit;
	font-weight:700;
}

.Opta .Opta-Ranking .Opta-FeatureHeader td, .Opta .Opta-Ranking .Opta-FeatureHeader th, .Opta .Opta-Nav li.Opta-On a {
	background-color:#000;
}

.Opta a, .Opta abbr, .Opta canvas, .Opta dd, .Opta div, .Opta dl, .Opta dt, .Opta fieldset, .Opta figcaption, .Opta figure, .Opta form, .Opta h2, .Opta h3, .Opta h4, .Opta img, .Opta label, .Opta legend, .Opta li, .Opta ol, .Opta p, .Opta span, .Opta table, .Opta tbody, .Opta td, .Opta tfoot, .Opta th, .Opta thead, .Opta tr, .Opta ul {
    font-size: 14px;
}

.Opta p.Opta-Load {
    background: #fff url(loader.gif) no-repeat center 50px;
    text-align: center;
    padding: 20px 10px 40px 10px;
    border: none;
    margin: 10px 0;
}

.Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Home, .Opta .Opta_F_F.Opta_F_OF_N .Opta-Scoreline .Opta-Home, .Opta .Opta_F_OF.Opta_F_F_N .Opta-Scoreline .Opta-Home, .Opta .Opta_F_OF.Opta_F_OF_N .Opta-Scoreline .Opta-Home {
    text-align: right;
}

.Opta .Opta_F_F.Opta_F_F_N .Opta-Scoreline .Opta-Team, .Opta .Opta_F_F.Opta_F_OF_N .Opta-Scoreline .Opta-Team, .Opta .Opta_F_OF.Opta_F_F_N .Opta-Scoreline .Opta-Team, .Opta .Opta_F_OF.Opta_F_OF_N .Opta-Scoreline .Opta-Team {
    width: 32%;
}

.Opta tfoot th, .Opta thead th {
    background-color: #fcf543;
}

.Opta .Opta-TournamentTree-Container svg.Opta-TournamentTreeSVG {
    width:100%;
}


/* Tournament tree */

.Opta .Opta_F_TT .Opta-TournamentTree-Scroller-Cell {
    background-color:#fff;
	border:none;
    color: #666;
}

.Opta .Opta-TournamentTree-Container .Opta-TournamentTree-Scorebox-Date {
    background-color: #fcf543;
}

.Opta .Opta_F_TT .Opta-TournamentTree-Scorebox-Team {
    background-color: #fff;
}

.Opta .Opta-TournamentTree-Container .Opta-TournamentTree-ConnectLine {
    fill: none;
    stroke: #666;
}

.Opta .Opta_F_TT .Opta-TournamentTree-Scroller-Space {
    background-color: #fff;
}



@media screen and (max-width: 1024px) {
	body {
	background-position: center 100px;	
	}
	h2 {
	font-size:1.5em;
	color:#fff;
	margin: 0.2em;
	}
	.tabs_section {
	width:75%;
	}
	#partage {
	display:none;
	}
	.header {
	height:60px;
	}
	.logo-mob {
	display:inline-block;
	width:90%;
	margin-top:20px;
	max-width:400px;
	}
	.logo-mob img {
	width:100%;
	}
	.logo {
	display:none;
	}
	.media {
	right: 15px;
	bottom: 15px;
	z-index:99999999;
	}
	.media img {
	width: 30px;
	}
	.tabs {
	/* margin-top:100px; */
	}
	.tabs_goto {
	margin-top:5px;
	}
	.-active::after {
	display:none;
	}
}

@media screen and (max-width: 768px) {
	body{
	max-width: 100vw !important;
	background-image: url("bg.png");
	position:absolute;
	/* background-image:none; */
	background-color:#fff;
	}

	h1 {
	font-size: 4vw;
	line-height: 4vw;
	text-align: center;
	}
	h2 {
	font-size:1.5em;
	color:#fff;
	margin: 0.2em;
	}

	.tabs_section {
	width:90%;
	}
}