#Logo img {
    height: 300px;
    margin: 30px; 
    left : 0px;
    top:0px;
    border-radius: 100%;
    margin-left: 540px;
}

#div0 {
    position: static;
    margin-left: 510px;
    background-color: rgba(0, 225, 255, 0.26);
    margin-right: 490px;
}
#div1 {
    position: static;
    margin-left: 800px;
    background-color: rgba(255, 102, 0, 0.37);
    margin-right: 110px;
}

#div2 {
    position: static;
    margin-left: 100px;
    background-color: rgba(123, 255, 0, 0.37);
    margin-right: 800px;
}

#div3 {
    position: static;
    margin-left: 460px;
    background-color: rgba(255, 217, 0, 0.37);
    margin-right: 430px;
}

#fin {
    margin-left: 490px;
    background-color: rgba(0, 255, 179, 0.37);
    margin-right: 430px;
}

.sonic {
    display: inline-block;
}

#ring {
    margin-bottom: 90px;
    width: 65px;
    margin-left: 80px;
}

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

nav li {
    float : left;
    text-decoration: none;

}

nav li a {
    display : block;
    color : rgb(14, 10, 10);
    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;

  }


  /* 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 :190px;
    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;
}