div.carte{
overflow:hidden;
display: flex;
flex-direction: column;

}

div.carte > a{
border:solid;
color: grey;
font-size: 30px;
text-decoration: none;
margin-top: 30px;
}

div.carte > a:hover{
color:#A66EFF;
transition: all 0.9s ease-in-out;
}

iframe{
width: 100%;
height: 500px;
}

form {
display: flex;
align-items: flex-start;
padding: 10px 10px;
justify-content: space-around;
background-color: #F2F2F2;
/*box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);*/
}

@media screen and (max-width: 780px){
form{
flex-direction: column;
align-items: center;
}
}

label {
color:grey;
}

select{
color:grey;
font-size: 17px;
background-color: #F2F2F2;
border:solid 2px;
border-color:#ADADAD;
}

select > option{
color: grey;

}

input{
width: 280px;
height: 50px;
border:solid 2px;
border-color:#ADADAD;
background-color: #F2F2F2;
font-size: 17px;
}

input:focus , textarea:focus, select:focus{
	background-color: white;
}

select{
height: 50px;
}

textarea{
width: 280px;
height: 170px;
border: solid 2px;
border-color:#ADADAD;
background-color: #F2F2F2;
}

.envoi{
background-color: white;
color:grey;
}

.envoi:hover{
transition: all 0.9s ease-in-out;
background-color: #A66EFF;
border-color: black;
color: white;
}


div.infoperso > p{
display: flex;
flex-direction: column;
}

div.mess > p{
display: flex;
flex-direction: column;
}

div.infoContact{
	margin-left: 450px;
}