#Logo img {
    height: 100px;
    margin: 30px; 
    left : 0px;
    top:0px;
}

 /* 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 :150px;
  left:0%;
  background:rgba(196, 140, 140, 0.8);
  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;
}
  .id-card-wrapper {
    height: 100vh;
    width:100%;
    display: flex;
  }
  .id-card {
    flex-basis: 100%;
    max-width: 30em;
    border: 1px solid #e751c277;
    margin: auto;
    color: #fff;
    padding: 1em;
    background-color: #c1a3e7a1;
    box-shadow: 0px 0px 3px 1px #e751c277, inset 0px 0px 3px 1px #e751c277;
  }
  
  .profile-row {
    display: flex;
  }
  .profile-row .dp {
    flex-basis: 33.3%;
    position: relative;
    margin: 24px;
    align-self: center;
  }
  .profile-row .desc {
    flex-basis: 66.6%;
  }
  
  .profile-row .dp img {
    max-width: 100%;
    border-radius: 50%;
    display: block;
    box-shadow: 0px 0px 4px 3px #e751c277;
  }
  .profile-row .desc {
    padding: 1em;
  }
  
  .profile-row .dp .dp-arc-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 8px solid transparent;
    border-top-color: #c6e3ee;
    border-radius: 50%;
    top: -6px;
    left: -6px;
  
    animation-duration: 2s;
    animation-name: rotate-clock;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  @keyframes rotate-clock {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .profile-row .dp .dp-arc-outer {
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 8px solid transparent;
    border-bottom-color:#c6e3ee ;
    border-radius: 50%;
    top: -16px;
    left: -16px;
  
    animation-duration: 2s;
    animation-name: rotate-anticlock;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  @keyframes rotate-anticlock {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(-360deg);
    }
  }
  
  .profile-row .desc {
    font-family: 'Orbitron', sans-serif;
    color: #ecfcfb;
    text-shadow: 0px 0px 4px #dd61616b;
    letter-spacing: 1px;
  }
  .profile-row .desc h1 {
    margin: 0px;
 }
  
.photo img {
   clip-path:ellipse(50% 50%);
}
p {
    color:white;
}
li {
    color:white;
    text-decoration:underline;
}
#conteneur{
  border:none;
  display:flex;
  flex-direction:row;
  font-family:Poiret One;
  font-weight: bold;
  justify-content: space-around;
  background-color:black;
}
.ent {
   background-color:#7d58b8a2;
   
}
.quo {
   background-color:#7d35f098;
}
.int {
   background-color: #b04acfab;
}

h1 {
  font-size:30px;
}
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:CaviarDreams;
}

body {
 background-image: linear-gradient(
    115deg,
    rgba(193, 170, 236, 0.295),
    rgba(226, 130, 205, 0.288)
  ),  
  url('images/avion.gif');
  height: 200px;
  background-size:cover;
}
h2 {
  color:white;
  text-align:center;
  font-size:35px;

}
h3 {
  color:white;
  font-weight:bold;
  font-size:20px;
}
#film {
  border:none;
  display:flex;
  flex-direction:row;
  font-family:Poiret One;
  font-weight: bold;
  justify-content: space-around;
}
span {
  color:red;
  
}
#film li {
  color: rgba(134, 6, 76, 0.637);
  font-size:20px;
}