/* //////////////////////////////////////////////
Plus d'informations liées à la solution  : 
//////////////////////////////////////////////

https://www.zonecss.fr/faq/description-d-un-element.html#specifier-la-taille-d-un-element-grace-aux-feuilles-de-style-css

https://www.zonecss.fr/proprietes-css/box-sizing-css.html#WJwJqZ00000.codepen
*/
h1 {
    /* width: 100%; */
}
/* .titreDeLaPage{

} */
.mainContact{
    /* height: auto; */
    /* height: 150vh; */
}
input[type=text], textarea, input[type=email] {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
margin-right: 0px;
margin-left: 0px;
resize: vertical;
}
label{margin-right: 0px;
margin-left: 0px;
width: 100%;}

input[type=submit] {
background-color: #CA7032;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type=submit]:hover {
background-color: #cc8657;
}

.btnFormEnvoyer{
    background-color:#CA7032;
    color: white;
}

.container {
/* Ajouter box-sizing */
box-sizing : border-box;
border-radius:5px;
padding:20px;
margin:0 auto;
display: flex;
justify-content: space-between;
align-items: center;
height: 75vh;
}

.colonneGauche{
    /* background-color: #1255a2; */
    width: 50%;
    /* display: flex;  */
}
.colonneDroite{
    /* background-color: aqua; */
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: center;
}
.colonneDroite img{
    width: 30%;
    margin: auto;
    text-align: center;
}
.googleMap{
    width: 100%;
    height: 450px;
    margin: 40px;
}
.gm-style img{
    width: 50vw;
}