@media all and (min-width: 1024px) and (max-width: 1280px) {
  .bloc1 {
    width:100%;  
  }
  .bloc {
    width:80%;
  }
  #Contactform {
    Width: 50%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bloc1 {
    width:100%;  
  }
  .bloc {
    width:80%;
  }
    #Contactform {
    Width: 70%;
  }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
  .bloc1 {
    width:100%;  
  }
  .bloc {
    width:90%;
  }
  #Contactform {
    Width: 90%;
  }
}

@media screen and (min-width: 481px) and (max-width: 639px) {
  .bloc1 {
    width:100%;  
  }
  .bloc {
    width:98%;
    font-size:1em;
  }
  #Contactform {
    Width: 90%;
  }
}

@media only screen and (max-width: 480px) {
  .top {
    height:120px;
  }
  #logo {
  margin-left: 8%;
  }
  #animtel {
    top:98%;
    left:22%;
  }
  #coutel {
    display: none;
  } 
  .bloc1 {
    width:100%;  
  }
  .bloc {
    width:90%;
    font-size:1em;
  }
  #Contactform {
    Width: 100%;
  }
  #Contactform TD.FloatingContactformContainer {
  padding: 0.5em;
  }
}