/* PX0Orhalert Form */
#alertForm {padding: .1em; margin: 2em auto auto; border: 1px solid #9B0000; border-radius: .2em;}
#alertForm {display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
#alertForm h3 {padding: 0; margin: 0 auto auto;}
#alertForm h3 {font-size: 125%; color: #770000; text-align: center;}
#alertForm section {width: 90%;}
#alertForm button {padding: 0; margin: auto; width: 25%; min-width: 75px; height:1.75em;}
#alertForm input, #alertForm textarea {width: 100%; min-width: 300px;}
#alertForm  .sectionButton > p {text-align: center;}

/* General form*/
form h3 {margin-top: 0;
}

ul {margin: 0;
    padding: 0;
    list-style: none;
   }

form {margin: 2 auto;
      /*width: auto;
      width: 430px; */ /* 400px initialement puis auto puis 430px */
      width: 98%;
      min-width: 300px;
      max-width: 600px;
      padding: 1em;
      border: 1px solid #ccc;
      border-radius: 1em;
     }

/*
div+div {margin-top: 1em;
        }
Nommer les DIv si nécessaire pour éviter décalage écran vers le bas.
*/

label span {display: inline-block;
            width: 150px; /* 120px initialement */
            text-align: right;
           }

input, textarea {font: 1em sans-serif;
                  box-sizing: border-box;
                  border: 1px solid #999;
                 }

input:valid, textarea:valid {border: 1px solid #000000;}
input:invalid, textarea:invalid {border: .5px dashed #ff0000;}

select {font: 1em sans-serif;
        width: 250px;
        box-sizing: border-box;
        border: 1px solid #999;
       }

.ztous, textarea, p > select {width: 90%;}
.zitel {width: 10%;}
.zntel {width: 79%;}
.zzvil {width: 15%;}
.znvil {width: 74%;}
.zciv {width: 12%;}
.zpre {width: 38%;}
.znom {width: 38%;}
.zcpar {width: 30%;}
.zipar {width: 29%;}
.zcsec {width: 29%;}

input[type=text] {text-transform: uppercase;
                 }

            
input[type=checkbox], input[type=radio] {width: auto;
                                         border: none;
                                        }

input:focus, textarea:focus {border-color: #000;
                            }
                        
textarea {vertical-align: top;
          height: 8em;
          resize: vertical;
         }

fieldset {width: 400px;
          box-sizing: border-box;
          margin: auto;
          border: 1px solid #999;
         }

button {margin: 20px 0 0 124px;}
.button {display: block; margin: 0 auto;}

label {position: relative;
      }

label em {position: absolute;
          right: 5px;
          top: 20px;
         }