#entete{
  position:sticky;
 max-width: 100%;
 background-color:#01d28e;
 height:35%;
 border-bottom:solid 3px gray;
 top:0px;
 z-index:1;
 
 
}

 p{
  position:sticky;
 color:white;
 text-align: center;
 padding:8px;
 opacity: 0.9;
 font-family: 'Times New Roman', Times, serif;
 font-size:clamp(0.9rem,2.5vw,1.2rem);
}

b{
font-family:'Times New Roman', Times, serif;
font-size: large;
font-size:clamp(0.9rem,2.5vw,1.2rem);
}
 .ttr:hover{
    
    border-top: ridge rgb(12, 0, 233) 5px;
    border-bottom: ridge rgb(233, 23, 0) 3px;
    background-color: rgba(0, 0, 255, 0.54);
    border-left: none;
    border-right: none;


  }
  
  .ttr{

    margin-top: 10px;
    margin-bottom: 40px;
    background-color: rgba(72, 6, 195, 0.086);
    width: 50svw;
    padding: 10px;
    border: solid rgb(0, 0, 0) 3px;
    border-left: none;
    border-right: none;
    border-radius: 10px;
    font-weight: bolder;
    transition: 1s;
  }
  
  #formaab table  td{
    
    font-weight:bold;
    padding:4px;
  }
  #formaab table  {
    
    margin-left:1%;
  }
  #img{
      
      width:100px;
      height:100px;
      
  }
  
 
  
  #back img{
  width: 100%;
  height: 55em;
  margin-top:-8em;
  left: -10em;

  

}
#back{
  width: 100%;
  position: absolute;
}
  

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    .wrap{

  width:20em;
  text-align: justify;
  box-shadow: 4px 4px 4px #444;

  
}
.wrap #img{
    width:260px;
    height:auto;
    margin-left:10%;
    margin-top:2%;
}
    
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {.wrap{

  width: 30em;
  text-align: justify;
  box-shadow: 4px 4px 4px #444;

  
}
.wrap #img{
    width:80%;
    height:auto;
    margin-left:10%;
    margin-top:2%;
   
}
    
 .wrap form{
      
      padding-top:2em;
  }  
   }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {.wrap{

  width: 30em;
  text-align: justify;
  box-shadow: 4px 4px 4px #444;

  
}
.wrap #img{
    width:80%;
    height:auto;
    margin-left:10%;
    margin-top:2%;
   
}
    
 .wrap form{
      
      padding-top:2em;
  }  
   }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .wrap{

  width: 30em;
  text-align: justify;
  box-shadow: 4px 4px 4px #444;

  
}
.wrap #img{
    width:80%;
    height:auto;
    margin-left:10%;
    margin-top:2%;
   
}
    
 .wrap form{
      
      padding-top:2em;
  }  
   }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .wrap{

  width: 30em;
  text-align: justify;
  box-shadow: 4px 4px 4px #444;

  
}
.wrap #img{
    width:80%;
    height:auto;
    margin-left:10%;
    margin-top:2%;
   
}
    
 .wrap form{
      
      padding-top:2em;
  }  
    
}