.form form div {
  margin-top: 10px;
  text-align: left
}

p.erreur {
  padding-left: 5px;
  color: #f00
}

.form form div label {
  padding-left: 5px;
  color: #224200;
  vertical-align: middle
}

.form form div input[type=text],
.form form div input[type=password],
.form form div textarea {
  width: 100%;
  padding: 10px 15px;
  font-size: 13px;
  border: 1px solid #c6c7c0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url("/pie.php");
  position: relative
}

.form_contact form div#div_form_central_subscribe_message {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}

.form_contact form div img#id_refresh {
  cursor: pointer;
  margin-top: 10px;
  vertical-align: top
}

.form_contact form div textarea {
  /* width: 200px; */
  height: 100px;
  padding: 5px 10px;
  font-size: 13px;
  margin-top: -5px;
  border: 1px solid #c6c7c0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  position: relative;
  vertical-align: top;
  behavior: url("/pie.php")
}

.form form div input {
  vertical-align: middle
}

.form form div input[type=radio] {
  vertical-align: sub;
  position: relative;
}

.form form div select {
  width: 206px;
  border: 1px solid #c6c7c0
}

.form form div input[type=submit],
.form form p input[type=submit] {
  padding: 4px 12px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  background: #ba5d00;
  border: 1px solid #ba5d00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/pie.php")
}

.form form p,
.form form div.div_submit {
  margin-top: 20px;
  text-align: right
}

div.content div.form form {
  text-align: right
}

div.content div.form form div,
div.content div.form form p {
  width: 95%;
  display: flex;
  flex-direction: column;
  margin: 5px auto;
}

div.content div.form form div label {
  padding-left: 0;
  padding-right: 5px
}

div.form form input.error,
div.form form textarea.error,
div.form form select.error {
  border: 1px solid #f66;
  background-color: #fde4e4;
  background-image: none
}

div.form form span {
  display: block;
  padding-top: 1px;
  font-size: 12px;
  font-style: italic;
  color: #f66
}

div.content div.form p.error-message {
  width: 96%;
  margin: 20px 0;
  padding: 5px 2%;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-color: #fde4e4;
  border: 1px solid #f66
}

div.content div.form p.error-message span {
  display: block;
  padding: 2px 0
}

div.contentReponse div.titre h2 {
  margin: 30px 0 0 0;
  padding-bottom: 3px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #ed8c01
}

div.contentReponse p {
  margin-left: 5px
}

div.contentReponse a {
  color: #000;
  text-decoration: none
}

div.contentReponse p a:hover {
  text-decoration: underline
}

.info-more {
  font-weight: bold;
  text-align: center !important;
}

div.content div.form .validate-message {
  width: calc(96% - 40px);
  margin: 20px 2%;
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  background-color: #C2F9C4;
  border: 1px solid #03AD44;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

div.content div.form .validate-message span {
  display: block;
  padding: 2px 0;
}

div#div_form_central_subscribe_sexe .field,
div#div_form_central_subscribe_newsletter .field {
  align-items: center;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  #div_form_central_subscribe_sexe, #div_form_central_subscribe_newsletter {
    margin-left: 0;
  }
}