html {
    background-image:url(ressources/backgrounf1.png);
}

.flex-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.line_up{
  background-color:grey;
  border: solid black;
  height: 70px;
  margin-top: 75px;
}

  a{
    outline: none;
    text-decoration: none;
    font-size: 42px;
    min-width: 100px;
    min-height: 100px;
    color:black;
  }
  
  a:link {
    color:black;
  }
  
  a:focus {
    border-bottom: 1px solid;
    background: white;
  }
  
  a:hover {
    border-bottom: 1px solid;
    color:white
  }
  
  a:active {
    background: #265301;
    color: #CDFEAA;
  }

  .pos_nav1{
    margin-left: 60px;
  }

  .pos_nav2{
    margin-left: 110px;
  }

  .pos_nav3{
    margin-left: 110px;
  }

  .pos_nav4{
    margin-left: 110px;
  }
  
  .pos_nav5{
    margin-left: 110px;
  }
  
  .pos_nav6{
    margin-left: 100px;
  }
  
  .pos_nav7{
    margin-left: 60px;
	font-size: 32px;
  }

  .info1{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1200px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
   .info3{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1150px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
   .presentation{
    background-color:rgb(78, 78, 78);
    margin-left: 600px;
    height: 550px;
    width: 750px;
    border: solid black;
    margin-top: 100px;
    
  }
  
   .info4{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1350px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }

   .info5{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1325px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
   .info7{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1250px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
   .info8{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 650px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
    .info9{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1275px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
   .info10{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1450px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
 .info11{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 1175px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .info12{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 775px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .info13{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 850px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .info14{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 2825px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .info15{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 3350px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .info16{
    background-color:rgb(78, 78, 78);
    margin-left: 100px;
    height: 4600px;
    width: 1650px;
    border: solid black;
    margin-top: 100px;
    
  }
  
    .textp{
    background-color: grey;
    height: 500px;
    width: 700px;
    border: solid black;
    margin-left: 25px;
    margin-top: 25px;
    font-size: 32px;
  }
  
  .text1{
    background-color: grey;
    height: 500px;
    width: 700px;
    border: solid black;
    margin-left: 75px;
    margin-top: 75px;
    font-size: 32px;
  }
  
  .text2{
    background-color: grey;
    height: 500px;
    width: 700px;
    border: solid black;
    margin-left: 75px;
    margin-top: 75px;
    font-size: 32px;
  }
  
    .text13{
    background-color: grey;
    height: 350px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text10{
    background-color: grey;
    height: 375px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text3{
    background-color: grey;
    height: 400px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }

  .text16{
    background-color: grey;
    height: 425px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
    .text6{
    background-color: grey;
    height: 475px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text18{
    background-color: grey;
    height: 500px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
    .text7{
    background-color: grey;
    height: 550px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text4{
    background-color: grey;
    height: 600px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
    .text12{
    background-color: grey;
    height: 625px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text14{
    background-color: grey;
    height: 650px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text11{
    background-color: grey;
    height: 675px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
 
  .text5{
    background-color: grey;
    height: 700px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text9{
    background-color: grey;
    height: 725px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
.text15{
    background-color: grey;
    height: 750px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text20{
    background-color: grey;
    height: 800px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text19{
    background-color: grey;
    height: 1075px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text8{
    background-color: grey;
    height: 1175px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  .text17{
    background-color: grey;
    height: 1250px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
   
  .text21{
    background-color: grey;
    height: 2175px;
    width: 1550px;
    border: solid black;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 32px;
  }
  
  
  .plus{
    font-size: 32px;
  }

  .plus:link{
    color:blue
  }

  .plus:hover{
    border-bottom: 1px solid;
    color:white
  }

  .img1{
    margin-left: 850px;
    margin-top: -750px;
  }
  
  .img2{
    margin-left: 75px;

  }

  .text2{
    background-color: grey;
    height: 500px;
    width: 700px;
    border: solid black;
    margin-left: 840px;
    margin-top: -475px;
    font-size: 32px;
  }

  .cadre_video{
    background-color:rgb(78, 78, 78);
    margin-left: 450px;
    height: 640px;
    width: 1060px;
    border: solid black;
    margin-top: 100px;
    
  }

  .media{
	  height:540px;
	  width: 960px;
	  margin-left:50px;
	  margin-top:50px;
	  
  }
  
  .media2{
	  height:218px;
	  width: 200px;
	  margin-left:50px;
	  margin-top:50px;
	  
  }
  
 .media3{
	  height:432px;
	  width: 768px;
	  margin-left:50px;
	  margin-top:-50px;
	  
  }
  .cadre_logo_ue{
    background-color:rgb(78, 78, 78);
    margin-left: 800px;
    height: 318px;
    width: 300px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .cadre_logo_minecraft{
    background-color:rgb(78, 78, 78);
    margin-left: 500px;
    height:332px;
	width: 868px;
    border: solid black;
    margin-top: 100px;
  }
  
  .cadre_kirby{
	margin-left:150px;
	height: 211px;
    width: 480px;
  }
  
  .cadre_logo_page{
    background-color:grey;
    margin-left: 170px;
    height: 275px;
    width: 210px;
    border: solid black;
    margin-top: 100px;
    
  }
  
  .medialogo{
	  height:174.4px;
	  width: 160px;
	  margin-left:25px;
	  margin-top:25px;
	  
  }
  
   .medialogofooter{
	  height:174.4px;
	  width: 160px;
	  margin-top:-25px;
	  margin-left: 50px
  }
  
  .textlogo{
	  font-size: 48px;
	  margin-left:45px;
	  margin-top:0px;
  }
  
.footer{
  background-color:grey;
  border: solid black;
  height: 300px;
  margin-top: 75px;
}

.instagram{
	height: 35px;
	width: 35px;
}

  .textfooter{
    background-color: grey;
    height: 210px;
    width: 500px;
    margin-left: 75px;
    font-size: 24px;
  }