body{
    border: solid 20px;
    border-color: #c9a0dc;
    font-size: 30px;
    margin: 0%;
    
  }
  @font-face {
  font-family: 'tangoSans','Louis George Cafe' ;
  src: url('polices/TangoSans.ttf');
  src: url('polices/Louis\ George\ Cafe.ttf');
  }
  
  #liste{
    display: block;
    width: 50%;
    float: right;
    position: relative;
    left: 120px;
  }
  
  #liste1{
  display: block;
  width: 50%;
  float: right;
  
  }
  nav li{
  text-decoration: none;
  }
  
  /*header*/
  .menu {
  width: 80%;
  height: 130px;
  float: left;
  }
  
  nav ul {
    height: 96px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    margin-top: 0;
    margin-bottom: 18px;
    padding: 0;
    background: #c9a0dc;
    border: solid 20px #c9a0dc;
  }
  
  .picto{
  width:50px;
  }
  
  nav ul li a{
  font-family: 'Louis George Cafe';
  text-decoration: none;
  color: black;
  transition: 0.6s ease;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  }
  
  nav ul a:hover{
  border-bottom: 2 solid #c9a0dc;
  color: #745C97;
  transform: translateY(-5px);
  transition: 0.2s;
  cursor: pointer;
  }
  
  
  #court-metrage {
  max-width: 640px;
  margin: 40PX;
  width: 422px;
  }
  
  video {
  display: block;
  width: 50%;
  margin: 50px;
  }
  
  textarea  {
  height: 50px;
  width: 431px;
  }
  
  /*temoignage*/
  .temoignages{
    position: relative;
    top: -207px;
  }
  
  .box{
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 15px;
    padding: 15px;
    border: 15px solid #745c97;
    width: 474px;
    background-color: #c9a0dc;
  }
  
  .bic{
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 15px;
    padding: 15px;
    border: 15px solid #fae073;
    width: 474px;
    background-color: #c9a0dc;
  }
  
  .bec{
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 15px;
    padding: 15px;
    width: 474px;
    border: 15px solid #745c97;
    background-color: #745c97;
  }
  
  .forum{
   border: 15px solid #745C97;
    height: 543px;
    width: 90%;
    margin: auto;
  }
  
  h1 {
  font-size:50px;
  text-align: center;
  color: white;
  }
  
  .for{
  display: block;
  width: 918px;
  float: right;
  }
  
  #contenu{
  display: block;
  width: 30%;
  float: left;
  margin: auto;
  }
  
  
  .Autres{
  margin: 15px;
  border: solid 15px #c9a0dc;
  }
  
  p{
  font-family: 'Louis George Cafe';
  text-align: center;
  }
  
  h1{
  font-family: 'TangoSans';
  }
  
  h2{
  font-family: 'TangoSans';
  text-align: center;
  }
  
  h3{
  font-family: 'TangoSans';
  }
  
  h4{
  font-family: 'TangoSans';
  }
  
  h5{
  font-family: 'TangoSans';
  }
  
  h6{
  font-family: 'TangoSans';
  }
  
  h7{
  font-family: 'TangoSans';
  }
  
  h8{
  font-family: 'TangoSans';
  }
  
  h9{
    font-family: 'TangoSans';
    font-size: 50px;
    position: relative;
    top: 15px;
    left: 245px;
    margin: 488px;
  }
  
  h11{
    font-family: 'TangoSans';
    font-size: 35px;
    position: relative;
    top: 232px;
    left: -225px;
    padding: 15px;
    border: solid 15px #c9a0dc;
  }
  
  h10{
  font-family: 'TangoSans';
  color:black;
  }
  
  li{
  text-decoration: none;
  display: block;
  font-size: 35px;
  font-family: 'Louis George Cafe';
  }
  
  .img1{
    width: 386px;
    height: 392px;
    position: relative;
    top: 73px;
    left: 96px;
    margin: auto;
  }
  
  .img2{
    width: 350px;
    height: 350px;
    position: relative;
    top: 30px;
    left: 350px;
    margin: auto;
  }
  
  .img3{
    width: 350px;
    height: 350px;
    position: relative;
    top: 30px;
    left: 632px;
    margin: auto;
  }
  
  /*Actualité*/
  .osez{
    width: 335px;
    height: 547px;
    position: relative;
    top: 313px;
    left: 1039px;
    border: solid 15px #fae073;
    margin: 15px;
  }
  
  .maison{
    width: 335px;
    height: 547px;
    position: relative;
    top: 312px;
    left: 1048px;
    border: solid 15px #745c97;
    margin: 15px;
  }
  
  .insta{
    width: 360px;
    height: 546px;
    position: relative;
    top: 313px;
    left: -201px;
    border: solid 15px #c9a0dc;
    margin: 15px;
  }
  
  .toute{
    width: 380px;
    height: 480px;
    position: absolute;
    top: 3300px;
    left: 796px;
    border: solid 15px #745c97;
    margin: 15px;
  }
  
  .alienne{
    width: 380px;
    height: 480px;
    position: absolute;
    top: 3300px;
    left: 1284px;
    border: solid 15px #fae073;
    margin: 15px;
  }
  
  /*Footer*/
  footer {
    padding: 25px 20px;
    background: #c9a0dc;
          color: #191919;
          margin-top: 18px;
  }
  
  #victime{
  background-color: #fae073;
  width: 45%;
  margin: 20px;
  float: right;
  }
  
  #contact{
    color: #745C97;
    width: 48%;
    text-align: center;
    font-size: 30px;
  }
  
  #titre{
    color: #745C97;
    font-size: 40px;
  }