@keyframes slidy{


  0%{
    left: 0%;
  }

  10%{
    left: 0%;
  }

  12%{
    left: -100%;
  }

  22%{
    left: -100%;
  }

  24%{
    left: -200%;
  }

  34%{
    left: -200%;

  }

  36%{
    left: -300%;
  }

  46%{
    left: -300%;
  }

  48%{
    left: -400%;
  }

  58%{
    left: -400%;
  }

  60%{
    left: -300%;
  }

  70%{
    left: -300%;
  }

  72%{
    left: -200%;
  }

  82%{
    left: -200%;
  }

  84%{
    left: -100%;
  }

  94%{
    left: -100%;
  }

  96%{
    left: -0%;

  }

  

}
  

  body {
  	color: white,
	font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue; font-size : 13px;
	background-color:black; 
	background-image:url("");
	background-size: cover;
	background-attachment: : fixed;
	background-repeat:no-repeat;
	margin: 0 auto;
	text-align: center;

}

a
      {
        color: white;
        font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;


      }
      a:hover
      {
        color: red;
      }

      a:link 
      { 
      text-decoration: none; 
      
  	  }

p {
  color: white;
  font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;

}


li{
	list-style: none;
}


img{
	max-width:100%;
}

ul li{
	width:150px;
	height:150px;
}

h1{
  	color: red;
    font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
}

h2{
  	color: white;
    font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
}

h3{
    color: white;
    font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
}

h4{
    color: white;
    font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
}

mark {
  background-color: black;
  color:white;
  width: 500px;
  height: 500px;

}

iframe {}


.banniere{
  position: relative;
  top: 0px;
  right: 0px;
  width: 100%;
  
}

.container {
	
	position: relative;
	top: -4.5vw;
	height: 90px;
	width: 100vw;
	font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue; font-size : 2vw;
	word-spacing: 60px;

	/* On ajoute une marge sur les cotés de l'écran */
	padding-right: 5vw;
	padding-left: -5vw;
	
	/* Et on centre */
	margin-left: -7vw;
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-container2 iframe{
  position: relative;
  top:-100;
  left: 0;
  width: 100%;
  height: 100%;
}

.VIDEO{
	position:relative;
	top: 50vh;
  left: 0vh;
	height: 800px;
	width:100%;
}

.column {

  columns:2;
  width: 94%;
  margin: 3vw;
  
}




.parole{
  position: relative;
  height: 500px;
  width: 500px;

}






.INFOS{

        position:fixed;
        z-index: 1;
        top: -87px;
        right: 100px;
        height:10px;
        width:25%;
        font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue; font-size : 20px; font: bold;      
}

.LIVE{

        position:fixed;
        z-index: 1;
        top: -87px;
        left: 360px;
        height:10px;
        width:25%;
        font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue; font-size : 20px; font: bold;      
}


.INDEX{

	position:relative;
        z-index: 1;
        top: -87px;
        left: 130px;
        height:10px;
        width:25%;
        font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue; font-size : 20px; font: bold;	
}

.PAGE1{
	position:relative;
	z-index: 2;
	top: -87px;
  	left: 240px;
	height:10px;
	width:25%;
	font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue; font-size : 20px; font: bold;

}

.MENTIONS{
	position:relative;
	top: 299vh;
	text-align: center;
	height: 10px;
	width:25%;
	text-align: left;
	overflow-x: hidden;
}

.POST{
        position:relative;
        top: -85vh;
        left: 0vh;
        height: 800px;
        width:100%;
  		color: white;
}
.POST2{
        position:relative;
        top: 10vh;
        left: 0vh;
        height: 10px;
        width:100%;
  		color: white;
}


}
.JEUX{
	      position:relative;
        top: 1vh;
        left: 0vh;
        height: 800px;
        width:100%;
}



.SONINVISIBLE{

	display: none;
}

.POSTBLINK1{
  		  color: red;
        position:relative;
        width:100%;
        animation: Test 1s infinite;
}
@keyframes Test{
    0%{opacity:1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}

.POSTBLINK2{
        color: white;
        position:relative;
        width:100%;
        animation: Test 1s infinite;
}
@keyframes Test{
    0%{opacity:1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}


  /* Style the tab */
.tab {
  overflow: hidden;
  background: none;
}

/* Style the buttons inside the tab */
.tab button {
  color: black;
  background-color: #DED0B2;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 2px;
  transition: 0.3s;
  font-size: 9px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background: #8BFAFC;
  
}

/* Create an active/current tablink class */
.tab button.active {
  background: #8BFAFC;
}

/* Style the tab content */
.tabcontent {
  
  background-image: url("https://sendeyo.com/up/54180de6b764b2b479b08b2d26b7e00a.jpg");
  background-size: 500px 500px;
  display: none;
  /* padding: 6px 12px; */
  border-top: none;
  height: 500px;
  width:500px;
  overflow: scroll;
  transition: 0.3s;
}