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

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

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

main form.inscription fieldset {
  box-shadow: 5px 5px 5px 1px gray;
  border: none;
  padding-top: 0;
  margin: 0 auto;
  min-width: 300px;
  width: 384.36px;
  height: 621.9px;
  background: center / cover no-repeat url("../svg/golfe.svg"), url("../images/texture.jpeg");
  border-radius: 0;
}

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

main form.inscription div.action-set {
  width: 100%;
  min-width: 300px;
  padding: 10px 0;
}

main form.inscription input[type="checkbox"] {
  width:auto;
  box-shadow: none;
}

main form.inscription input[type="checkbox"]:hover {
  width:auto;
  box-shadow: none;
}

main form.inscription input {
  width: 100%;
margin-top: 1px;
border-radius: 0;
background-color: whitesmoke;
box-shadow: inset 0px 1px 4px 1px lightgray;
padding: 1em;
text-align: center;

}

main form.inscription label {
  font-weight: 900;
  font-size: 0.8em;

}

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

main form.inscription a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 900;
  line-height: 3em;
}

main form.inscription a:visited {
  color: black;
}

main form.inscription p {
  font-size: 10px;
  padding:0;
}

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

main form.inscription input:hover {
  background-color: #ccc6c6;
  box-shadow: inset 1px 1px 1px 3px #aaa;
  outline: none;

}
  /* /////////////////////////////////////
  //////// 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;
    }

      /*----------------------------------------------------------------------*/
      /*---------------------- INSCRIPTION AU SITE ----------------------------------------*/
      /*-----------------------------------------------------------------------*/
      ul.requirements {
        margin-top: 0;
        margin-bottom: 0;
      }

      main form.inscription fieldset legend p.profil {
      float: right;
      text-transform: uppercase;
      font-size: 1em;
      font-weight:bold;
      margin:0;
      }

      main form.inscription fieldset legend i.material-icons {
        font-size: 2em;
        float: right;
      }


      details, .requirements {
        font-style: italic;
        font-weight: normal;
        font-size: 0.6em;
      }

      main form.inscription fieldset {
        position: relative;
        width:100%;
        box-shadow: none /*0px 4px 8px lightgrey*/;
        margin:0;
        height:70vh;
        padding: 0 0.5em;
      }

      main form.inscription input {
        margin-top:0;
      }



    main form.inscription a {
      padding:15px;
    }

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

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

    main form.inscription input {
      padding: 1em;
      margin-bottom: 1px;
    }

    main form.inscription div.action-set {
      width: 100%;
      min-width: 300px;
      margin-top:0em;
      padding: 0 0 6em 0;
      background-color: #729fcf;
    }

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





  }