#boite-form{
	text-align: center;
	color: white;
	padding: 10px;
	margin: auto;
	width: 60%;
	background-color: rgb(0 0 0 / 0.55);
	border-radius :20px;
	position: relative;
}

#form-contact{
	width: 100%;
    margin: 15px auto;
	padding: 2px;
	color: white;
}  

#captcha{
	width:304px;
	margin: 0 auto;
}

.case-form{
	width: 70%;
}

.bouton-form{
	width:304px; 
	height: 40px;
}

.confirmation{
	width: 50%;
    margin: 50px auto;
	padding: 3px;
    border-radius :20px;
	background-color: rgb(0 0 0 / 0.55);
	color: white;
	text-align: center;
}


  .img-getup-form{
    width: 20%;
    margin: auto;
    border-radius : 5px;
    cursor: pointer;
    transition: transform 0.3s ease, z-index 0s linear 0.4s;
    transform: rotate(20deg);
    position: absolute;
    top: 20px;
    right: 5px;
    z-index: 1;

  }
  .img-getup-form:hover {
      transition: transform 0.4s ease, z-index 0s linear 0.4s;
      z-index: 100;
      transform: scale(1.7) rotate(0deg) translateX(-20%) translateY(00%);

    }

#form-contact h1 {
    width: 70%;
    margin: 0 auto;
    text-align: left;
}


/*----------------------------------*/

@media(max-width: 1000px){

#boite-form{
	text-align: center;
	color: white;
	padding: 15px;
	margin: auto;
	width: 90%;
	background-color: rgb(0 0 0 / 0.55);
	border-radius :20px;
}

.align-left {
  text-align: left;
    padding-left: 2rem;
}


.case-form{
	width: 80%;
}

.confirmation{
	width: 80%;
    margin: 50px auto;
	padding: 3px;
    border-radius :20px;
	background-color: rgb(0 0 0 / 0.55);
	color: white;
	text-align: center;
}	

#form-contact h1 {
    width: 80%;
}
	
	
}