body { margin: 0px;
    padding : 0px;
    background-image: url("images/mugen.PNG");




}

#Logo img {
    position: absolute;
    height: 100px; 
    left : 17%;
    top:25%;     
}


#pp  {
    text-align: center;
    position: relative;
    top: 80px;


}

#pp img {width : 20%;
    height : auto;
    border : 4px solid rgb(148, 34, 34) ;
   }







article {font-size: 20px;
      color:rgb(255, 255, 255) ;
      text-align: justify ;
      width: 400px;
      margin : auto ;
      border : 2PX solid black ;
      padding : 8px;
      background-color: rgb(148, 34, 34);
      position: relative;
      top: 100px;
  
}

.p1 { border : 2px solid rgb(0, 0, 0);
  background-color: rgb(148, 34, 34);
  width: 51%;
  color:rgb(255, 255, 255) ;
  font-size: 20px;
  padding: 2px ;
  position: relative;
  top: 100px;
  left:10px;
}

#réseau img {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 75%;
    margin-top: 25%;
}

#réseau a {
    width: 500px; 
}

#inst {
    position: absolute;
    top: 300px;
    left: 75%;
}

#facebook {
    position: absolute;
    top: 100px;
    left: 75%;
}

#discord {
    position: absolute;
    top: 200px;
    left: 75%;
}

#jeux img{
    width: 450px;
    height: 300px;
}

#top1 {
    position:absolute;
    top: 800px;
    left:10px;
    color: rgb(252, 223, 58);
    text-shadow:0 0.5px 0 black, 0 -0.5px 0 black;
}

#top2 {
    position: absolute;
    top: 800px;
    left:35%;
    color: #c0c0c0;
    text-shadow:0 0.5px 0 black, 0 -0.5px 0 black;
}

#top3 {
    position: absolute;
    top: 800px;
    right: 10px;
    color: #a97100;
    text-shadow:0 0.5px 0 black, 0 -0.5px 0 black;
    
}

#top1 img {
   border: 4px solid rgb(252, 223, 58);
}

#top2 img{
    border: 4px solid #c0c0c0;
}

#top3 img{
    border: 4px solid #a97100;
    
}

#série img {

    width:450px;
    height: auto;
}

#bb {
    position: absolute;
    top: 1200px;
    left: 10px;
    color: rgb(252, 223, 58);
    text-shadow:0 0.5px 0 black, 0 -0.5px 0 black;

}

#retm {
    position: absolute;
    top: 1200px;
    left: 35%;
    color: #c0c0c0;
    text-shadow:0 0.5px 0 black, 0 -0.5px 0 black;

}

#snk {
    position: absolute;
    top: 1200px;
    right: 10px;
    color: #a97100;
    text-shadow:0 0.5px 0 black, 0 -0.5px 0 black;
}



#bb img{
    border: 4px solid rgb(252, 223, 58);

}

#retm img {
    border: 4px solid #c0c0c0;

}

#snk img {
    border: 4px solid #a97100;
}




/* cette partie est la partie sur le footer et ces diférentes listes qui ont chacunes été placé a un endroit différent */
#footer {
    border-radius : 5px;
    font-family: Caviar Dreams;
    position:relative;
    top :1000px;
    left:0%;
    background:rgba(196, 140, 140, 0.6);
    width:100%;
    margin-left:0;
    height:auto;
    display:inline-block;

}
#footer #site ul {
    position:relative;
    list-style-type: none;
    text-align: left;
    left: 120px;
}

#footer #site ul p {
    font-size:30px;
    position: relative;
    left: 7px;
}
footer a {
    text-decoration : none;
    color: black;
}
#footer #site ul li {
    position: relative;
    bottom : 15px;
    left: 3px;
}

#footer #gp ul {
    position:absolute;
    list-style-type: none;
    text-align: left;
    left: 600px;
    bottom: 60px;
}

#footer #gp ul p {
    font-size:30px;
    position: relative;
    
}

#footer #gp ul li {
    position: relative;
    bottom : 15px;
    left: 60px;
}

#footer #autre ul {
    position:absolute;
    list-style-type: none;
    text-align: left;
    left: 1200px;
    bottom: 60px;
}

#footer #autre ul p {
    font-size:30px;
    position: relative;
    left: 35px;
}

#footer #autre ul li {
    position: relative;
    bottom : 15px;
    left: 7px;
}
/* fin de la partie sur le footer */


nav ul {
    list-style-type: none;
    margin : 0;
    padding: 15px;
    height: 35px;
    position:fixed;
    left: 72% ;
    top:0%;
    width: auto;
    overflow: hidden;
    text-decoration: none;
}

nav li {
    z-index: 2;
    float : left;  
    text-decoration: none;
    
}

nav li a {
    display : block;
    color : white;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    font-family:Caviar Dreams;

    
}
li a:hover {
    background-color: #7d58b8;
    color: white;
    transition-duration: 0.5s;

}