main fieldset.contact>button {
  padding: 0;
}

main form.contact label.required::before {
  color: red;
  content: "* ";
}

main form.contact fieldset label.text-editor {
  display:block;
  width: 100%;
  /* L'éditeur de texte doit prendre la plus grande largeur possible */
}

main form.contact fieldset#pas-bot {
  background: none;
}

/* main form.contact fieldset {
  margin:0 auto;
  width: 50%;
  border-top: 1px solid black;
  box-shadow: 4px 4px 8px #c8c8c3;
  background-image: url("../svg/golfe.svg");
  background-size: cover;
  background-color: #bbb8c1;
} */

main form.contact fieldset {
  box-shadow: 5px 5px 5px 1px gray;
  border: none;
  padding-top: 0;
  margin: 0 auto;
  width: 100%;
  height: auto;
  background: center / cover no-repeat url("../svg/golfe.svg"), url("../images/texture.jpeg");


}

main form.contact fieldset legend p.profil {
float: right;
text-transform: uppercase;
font-size: 1.2em;
font-weight:bold;
}

main form.contact fieldset legend i.material-icons {
  font-size: 70px;
}

main form.contact div.action-set {
  width: 100%;
  min-width: 300px;
  padding: 10px 0;
  margin-top:-2em;
}

main form.contact div.action-set button  {
  border-radius: 0;
  box-shadow: 5px 5px 5px 1px gray;
  border: 1px solid whitesmoke;
}

main form.contact input {
  width: 80%;
  background-color: whitesmoke;
  box-shadow: inset 0px 1px 4px 1px lightgray;
  padding:1em;
  text-align: center;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid black;
}

main form.contact #nom{
margin-bottom: 0.5em;
display: block;
float: left;
width: 75%;
}

main form.contact #mail{
margin-bottom: 0.5em;
display:block;
width: 75%;
}

main form.contact #objet{
margin-bottom: 0.5em;
display:block;
width: 100%;
}

main form.contact input:focus {
  background-color: #e6e6e2;
  box-shadow: inset 0px 1px 4px 1px lightgray;
  outline: none;
}

main form.contact input:hover {
  background-color: #ccc6c6;
  box-shadow: inset 0px 1px 4px 1px lightgray;
  outline: none;
}

main form.contact label {
  text-align: left;
}





/* /////////////////////////////////////
//////// SMARTPHONE /////////////////
///////////////////////////////////// */
@media (pointer:coarse), (max-width:700px) {

    p a {
        padding: 0.1em 0.5em;
        border-radius: 1em;
        background-color: var(--link-bg);
    }    

  main {
    width:100%;
    padding:0;
    position: relative;
    top:4.5em;
  }

  main form.contact fieldset#pas-bot {
    background: none;
    width:100%;
    margin: 1em auto 0 auto;
  }

  main form.contact fieldset label.text-editor {
    display:block;
    width: 100%;
    /* L'éditeur de texte doit prendre la plus grande largeur possible */
    text-align: right;
    font-weight: bold;

  }

  main form.contact fieldset legend i.material-icons {
    font-size: 70px;
  }

  main form.contact fieldset legend p.profil {
  float: right;
  text-transform: uppercase;
  font-size: 0.6em;
  font-weight:bold;
  }


  main form.contact fieldset {
    position: relative;
    width:100%;
    box-shadow: none;
    margin:0;
    border-top: 1px solid black;
  }

  main form.contact div.action-set {
    position: absolute;
    left:0;
    width:100%;
    min-width: 300px;
    margin: 0 auto;
    padding: 10px 0;
    opacity: 1;
    box-shadow: 0 0 0 0;
    background-color: #729fcf;
  }

  main fieldset.contact input {
    margin-top: 0;
    margin-bottom: 0;
  }

  main fieldset.contact {
    margin: 10% 30% 20% 3%;
    width: 90%;
    border-top: 1px solid black;
    box-shadow: 4px 4px 8px #c8c8c3;
  }

  form#contact textarea{
    height: 12em;
    margin: 0;
    background-color: #f5f5f5;
  }

  main form.contact input {
    padding: 0.5em;
    width: 60%;

  }

  main form.contact p {
      font-size: 1em;
      font-weight: bold;
      text-align: center;

  }

  main form.contact label {
      font-weight: bold;
      font-size: 0.75em;
      margin: 0.2em 0 0 0;
      width: 100%;
      display: block;
  }

}