
form .gauche {
    display: table-cell;
    width: 35%;
    padding:0em 0.5em; /* 2em 0em 1em; */
    vertical-align: top;
    border: solid 0px yellow;
}

form .droite {
    display: table-cell;
    width: 65%;
    padding:0em 0.5em ; /* 2em 0em 1em; */
    vertical-align: top;
    border: solid 0px green;
}

form ol {
  /*padding-right: 40px;*/
 /* columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
*/
}

form ol li {
  background: darkslategray; 
  border: solid 2px #e3ebc3;
  line-height: 2em;
  list-style: none;
  padding: 0.25em 0.25em; 
  margin-bottom: 0.25em;
  width: 17em;
}

form label {
  float: left;
  font-size: 0.9em;
  width: 6em;
  line-height: 2em;
  padding: 0.25em 0 0.25em 0.25em;
}

form label:hover {
  cursor: pointer;
}

form input:not([type=radio]),
form select,
form textarea {
  background: #ffffe1;
  border: none;
  outline: none;
  padding: 0.5em; /* Hauteur du texte réponse */
  width: 17em;
  text-align: left;
}

form textarea {
  width: 25em;
  margin: 0em 2.5em 0em 2.5em;
}
form input[type=date],
form input[type=number]{
  width: 17em;
  text-align: center;
  margin: 0em 0.25em 0em 0em;
}
 form input[type=time]{
  width: 20em;
  text-align: right;
  margin: 0em 0.25em 0em 0.25em;
}
form input:not([type=submit]):focus,
form textarea:focus {
  background: #eaeaea;
}

form input[type=radio]{
  float: left;
  display: inline-block;

}
form button,   button,
form input[type=submit] {
  background: darkslategray;
  border: solid 2px #e3ebc3;
  color: #ffffff;
  display: inline-block;
  padding: 1em 2em;
/*  text-shadow: 0 1px 1px #000000;*/
  text-transform: uppercase;
  margin: 0em 0.25em 0em 0.25em;
}
form button:hover, button:hover, 
form input[type=submit]:hover {
  background: #BED000;
  cursor: pointer;
}
form input[type=submit] {
  float: right;
  margin-right: 6em;
  width: 20em;
}

@media screen and (max-width: 992px) {
    form ol li {
        line-height: 100%;
        width: 95%;
        border: 0px solid greenyellow;
        border: solid 2px #e3ebc3;
    }
    form label {
        width: 35%;
        line-height: 100%;
        border: 0px solid violet;
        font-size: 0.75em;
    }
    form input[type=date],
    form input[type=number],
    form input[type=text],
    form input[type=tel],
    form input[type=email],
    form input,
    form select,
    form textarea  {
        width: 55%;
        line-height: 100%;
        font-size: 0.45em;
        border: 0px solid red;
    }    
    form textarea  {
        margin: 0.1em 0.1em 0.1em 0.1em;
    }
    form input[type=submit] {
        display: block;
        float: none;
        width: 50%;
        line-height: 100%;
        margin: 0 auto;
    }
    form .gauche {
        display: block;
        width: 100%;
        font-size: 2em;
    }
    form .droite {
        display: block;
        font-size: 2em;
        width: 100%;
    }

}
