@charset "utf-8";
/* formulaire-pour-contacter-chapitre-richelieu.css */
/* ----- Stucture du formulaire ----- */
.wpcf7-form {
  background: linear-gradient(#00bfff, #DFF2FF); width: 100%; height: 50%;
  padding: 10px 20px;
  border: 5px solid #0C57F7;
  border-radius: 20px;
  width: auto;
  color: #0000cd !important; opacity : 1;
}
/* ----- Couleur et bordure des cases du formulaire ----- */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-select {
  border: 2px solid #0C57F7 !important;
}
/* ----- Couleur et bordure des cases du formulaire ----- */
.wpcf7-form input {
  background: #ffffff;
  padding: 5px 7px;
  margin: 4px 0 8px 0;
  border: 3px solid #0C57F7;
  color: #4f4f4f;
  border-radius: 7px;
}
/* ----- Couleur et bordure la case du message ----- */
.wpcf7-form textarea {
  height: 140px;
  background: #ffffff;
  padding: 5px 7px;
  margin: 4px 0 8px 0;
  border: 3px solid #0C57F7;
  color: #4f4f4f;
  border-radius: 7px;
}
/* ----- Couleur et contour de la case submit ----- */ 
.wpcf7-form .wpcf7-submit {
  background: #1560BD;
  padding: 15px 15px;
  color: #fff;
  min-width: 100px;
  border-radius: 15px;
  text-transform: uppercase;
  letter-spacing: 6px;
}  
.wpcf7-form input[type="submit"]:hover {
  background: #73C2FB;
  color: #000;
}
/* ----- Couleur du texte intérieur des cases ----- */ 
.wpcf7-form textarea::placeholder,
.wpcf7-form input::placeholder {
  color: #77B5FE;
}