/******** contactez nous formulaire ********/
.container {
width: 800px; margin-left: auto; margin-right: auto; padding: 20px 50px; 
color: #606060; line-height: 1.4; margin-top: 60px; 
} 
h2 {font-size: 17px; padding-left: 5px; color: #000;}
p {font-size: 16px; margin: 10px 0px 0px 5px; padding-top: 10px; border-top: 1px solid #d6dcdc;}
label {
padding: 5px 12px 0 0;
display: inline-block;
color: #000; 
}
input[type=text], [type=email], textarea {
width: 100%;
padding: 12px;
border: 1px solid #d6dcdc;
border-radius: 4px;
resize: vertical; color: #606060;  background-color: #f9f9f9;
}
input[type=submit] , [type=button] {
font-size: 16px; font-weight: 700; letter-spacing: -0.07em; color: white; cursor: pointer; letter-spacing: 1px;
background-color: #e6a800; padding: 10px 22px; border: none; border-radius: 4px;
}
input[type=submit]:hover , [type=button]:hover {  

}
.col-100 {
float: left;
margin: 1%;
width: 100%;
margin-top: 6px;
}
.col-email {
float: left;
margin: 1%;
width: 35%;
margin-top: 6px;
}

/******** Clear floats after the columns ********/
.row:after {
content: "";
display: table;
clear: both;
}
.action-form-choix {  
display: flex; justify-content: center; align-items: center;  justify-content: space-around;
}
.action-form > div {
}
.Error {
color: red;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.Msg {  text-align: center;  color: #000;  }  

/*************************************************
*********** CSS responsive telephone *************
**************************************************/
@media screen and (min-width: 800px) and (max-width: 1000px) {
.container {	 
    width: 70%;
}
}

@media screen and (max-width: 800px) {
.container, .myForm {	     
    width: 100vw; padding: 15px 5vw 0 5vw; margin-top: 60px; border: none; 
}
.input[type=submit] {
width: 90%;
margin-top: 0;
} 
.col-email  { width: 65%; margin-top: 0; margin-bottom: 10px;  }  
}