@media screen and (min-width: 1024px) and (max-width: 1440px) {
     body {
          background-color: rgb(4, 4, 4);
          color: #ffffff;
          margin: 0px;
          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          overflow-x: hidden;
     }

     input {
          background-color: rgb(4, 4, 4);
          color: #ffffff;
          margin: 0px;
          font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     }

     hr {
          border: 0;
          height: 1px;
          width: 50%;
          background-color: #ffffff;
          margin-top: 10px;
          margin-bottom: 10px;
          text-align: center;
     }

     label {
          color: rgb(179, 179, 17);
          font-size: 1.5em;
          margin-left: 10px;
          margin-right: 10px;
     }

     legend {
          color: rgb(179, 179, 17);
          font-size: 1.5em;
          margin-left: 10px;
          margin-right: 10px;
     }

     .underline {
          text-decoration: underline 1px solid whitesmoke;
     }

     .interdiet {
          margin-bottom: 50px;
          margin-top: 50px;
     }
     /* * En-tête */

     .formtitle {
          text-align: center;
          font-size: 2em;
          margin-top: 10px;
          margin-bottom: -20px;
          margin-left: 5px;
          color: rgb(209, 209, 18);
     }

     .formremi {
          text-align: center;
          font-size: 1.5em;
          color: #ffffff;
          margin-left: 5px;
     }

     /* * Formulaire de contact, infos perso */

     .infosperso {
          display: flex;
          flex-wrap: wrap;
          margin-left: 0px;
          text-align: center;
     }

     .boxname,
     .boxsurname {
          flex: 1 1 50%;
     }

     .name {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          padding: 10px;
          width: 300px;
          margin-right: 10px;
     }

     .surname {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          padding: 10px;
          width: 300px;
          margin-right: 50px;
     }

     .boxage,
     .boxphone {
          flex: 1 1 50%;
          margin-top: 10px;
     }

     .age {
          border: #ffffff 1px solid;
          background-color: rgb(4, 4, 4);
          border-radius: 10px;
          margin-top: 10px;
          padding: 10px;
          color: #ffffff;
          width: 300px;
     }

     .phone {
          border: #ffffff 1px solid;
          border-radius: 10px;
          padding: 10px;
          margin-top: 10px;
          width: 300px;
     }

     .boxemail {
          flex: 1 1 100%;
          margin-top: 10px;
     }

     .email {
          border: #ffffff 1px solid;
          border-radius: 10px;
          padding: 9px;
          margin-top: 10px;
          margin-left: 0px;
          margin-right: 50px;
          width: 300px;
     }

     .boxsports {
          flex: 1 1 100%;
          margin-top: 10px;
     }

     .sport {
          border: #ffffff 1px solid;
          border-radius: 10px;
          padding: 10px;
          margin-top: 10px;
          margin-left: 25px;
          width: 300px;
     }

     .sportlab {
          color: rgb(179, 179, 17);
          margin-left: 10px;
          display: block;
          /* Add this line to make all lines move */
          /* Or use: white-space: pre-line; if you want to preserve line breaks */
     }

     /* * Formulaire d'infos sur la musculation */

     .infomuscu {
          display: flex;
          flex-wrap: wrap;
          margin-right: 40px;
          text-align: center;
     }

     .lvlmusc {
          flex: 1 1 100%;
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-bottom: 10px;
          margin-left: 10px;
     }

     .lvlmusc label {
          color: whitesmoke;
     }

     .boxgoal {
          flex: 1 1 100%;
     }

     .goal {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          margin-bottom: 10px;
          margin-left: 20px;
          padding: 10px;
     }

     .sessions {
          flex: 1 1 100%;
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-bottom: 10px;
          margin-left: 10px;
     }

     .sessions label {
          color: whitesmoke;
     }

     .boxseance {
          flex: 1 1 100%;
     }

     .tpsseance2 {
          display: block;
          margin-left: 10px;
     }

     .tpsseance {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          margin-bottom: 10px;
          margin-left: 20px;
          padding: 10px;
     }


     .injury {
          flex: 1 1 100%;
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-bottom: 20px;
          margin-left: 10px;
     }

     .injury label {
          color: whitesmoke;
     }

     .injury_details {
          border: #ffffff 1px solid;
          border-radius: 10px;
          padding: 5px;
     }

     .boxmouvs {
          flex: 1 1 100%;
     }

     .mouvements {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          height: 40px;
          padding: 10px;
          margin-bottom: 10px;
          margin-left: 20px;
     }

     .mouvdet {
          display: block;
          margin-left: 10px;
     }


     .aisance {
          flex: 1 1 100%;
          border: #ffffff 1px solid;
          border-radius: 10px;
          width: 350px;
          padding: 10px;
          margin-left: 10px;
          margin-bottom: 10px;
     }

     .aisance_details2 {
          display: block;
          margin-left: 10px;
     }

     .aisance label {
          color: whitesmoke;
     }

     .boxdetails {
          flex: 1 1 100%;
     }

     .aisance_details {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          height: 40px;
          padding: 10px;
          margin-bottom: 10px;
          margin-left: 1%;
     }

     /* * Formulaire de nutrition/info */

     .infodiet {
          display: flex;
          flex-wrap: wrap;
     }

     .boxallergies {
          flex: 1 1 100%;
     }

     .allergies {

          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          padding: 10px;
          height: 40px;
          margin-bottom: 10px;
          margin-left: 15%;
     }

     .allergieslab {
          display: block;
          margin-left: 15%;

     }

     .boxactivity {
          flex: 1 1 100%;
     }

     .activity_level label {
          color: whitesmoke;
     }

     .activity_level {
          flex: 1 1 100%;
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 10px;
     }

     .activity_details {
          border: #ffffff 1px solid;
          border-radius: 10px;
          padding: 5px;
     }

     .boxmensurations {
          flex: 1 1 100%;
     }

     .mensurations {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          padding: 10px;
          margin-bottom: 10px;
          margin-left: 15%;
     }

     .mensulab {
          display: block;
          margin-left: 15%;
     }

     .mensurations label {
          color: whitesmoke;
     }

     .morale {
          color: rgb(179, 179, 17);
          font-size: 1.5em;
          display: block;
          margin-left: 10px;

     }

     /* * Section est-tu sur ? */

     .infocommitment {
          display: flex;
          flex-wrap: wrap;
          margin-top: 20px;
     }

     .boxcommitment {
          flex: 1 1 100%;
     }

     .boxcommitment fieldset {
          margin-left: 10px;
     }

     .boxcommitment label {
          color: whitesmoke;
     }

     .sourcedet {
          border: #ffffff 1px solid;
          border-radius: 10px;
          padding: 5px;
     }

     /* * Informations sur le service */

     .infoservice {
          display: flex;
          flex-wrap: wrap;
          margin-top: 20px;
     }

     .boxservice {
          flex: 1 1 100%;
     }

     .boxservice fieldset {
          margin-left: 10px;
     }

     .boxservice label {
          color: whitesmoke;
     }

     .boxentretien {
          flex: 1 1 100%;
          margin-top: 40px;
     }

     .entretien {
          border: #ffffff 1px solid;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          padding: 10px;
          margin-bottom: 10px;
          margin-left: 15%;
     }

     .entretienlab {
          display: block;
          margin-left: 15%;
     }

     .boxretours {
          flex: 1 1 100%;
     }

     .retours {
          background-color: rgb(4, 4, 4);
          border: #ffffff 1px solid;
          color: whitesmoke;
          font: 1em sans-serif;
          border-radius: 10px;
          margin-top: 10px;
          width: 700px;
          height: 40px;
          padding: 10px;
          margin-bottom: 10px;
          margin-left: 15%;
     }

     .messlab {
          display: block;
          margin-left: 15%;
     }

     .submitbutton {
          font-size: 2em;
          background-color: rgb(4, 4, 4);
          color: rgb(179, 179, 17);
          border: #ffffff 1px solid;
          border-radius: 7px;
          margin-left: 34%;
          margin-top: 20px;
     }
}