body{
     width: 100%;
}
.animation{
      position: fixed;
      width: 100%;
      height: 100%;
      display: flex;
      background-color: white;
      animation: loader 0.1s;
      animation-delay: 4s;
      animation-fill-mode: both;
      z-index: 10000;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
}
.animtext{
      text-align: center;
}
.gif{
    width: 50%;
    height: 20rem;
}
@keyframes loader{
      100%{
            opacity: 0;
            z-index: -10;
      }
}
header{
      display: flex;
      width: 90%;
      margin: 5%;
      background-color: rgb(234, 112, 242);
      border-radius: 20px;
      border: solid black;
      flex-direction: row;
      justify-content: space-around;
}
.heade{
      display: flex;
      flex-direction: row;
}
.vélo{
      display: flex;
      align-items: center;
      border-radius: 20px;
}
.titre{
      display: flex;
      align-items: center;
      font-size: 50px;
}
.lienaccueil{
     display: flex;
     align-items: center;
}
article{
      display: flex;
      width: 90%;
      flex-direction: column;
      border-radius: 20px;
      background-color: white;
      border: solid black;
      margin: 5%;
}
h2{
     display: flex;
     justify-content: center;
}
.form{
        display: flex;
        flex-direction: column;
        border: solid black;
        border-radius: 20px;
        margin: 5%;
        width: 90%;
}
.form1{
      display: flex;
      width: 90%;
      flex-direction: row;
}
.form2{
      display: flex;
      flex-direction: row;
      justify-content: center;
      margin : 0 5% 2% 0;
      width: 100%;
}
.button{
      margin: 2% 0 2% 0;
      display: flex;
      justify-content: space-around;
      
}
.parcours{
      display: flex;
      width: 90%;
      
}
.img1{
      display: flex;
      margin-top: 2%;
      margin-left: 14%;
      height: 25rem;
      width: 75%;
      
}
p{
      margin: 0 2% 1% 2%;
      text-align: justify;
      width: 90%;
}
.pcontact{
      margin-left: 1%;
}
footer{
      display: flex;
      width: 90%;
      justify-content: space-around;
      margin: 5%;
      background-color: rgb(234, 112, 242);
      border-radius: 20px;
      border: solid black;
}
.footer{
      list-style: none;
      box-shadow: none;
}