h1, h2, h3, nav, footer {
    font-family: Lobster, Cambria, "Times New Roman", serif;
   }
   body {
      font-family:'Times New Roman', Times, serif;
      font-size: 100%;
      padding: 0px;
      margin: 0px;
   }

 
 section {
    padding: 0;
    width: 60%;
    padding-left:20%;
    padding-right:20%;
 }
 
 
 legend { 
   font-size: 1.35rem;
 
   background-color: #bad9da;
   height: 1.70rem;
   color: #000000;
   text-transform: uppercase;
    width: 100%;
    margin: 0;
    padding: 5px 0;
 }
 
 fieldset {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    width: 100%;
    border: none;
 }
 
 form p {
    margin-top: 0.5em;
 }
 
 table {
    border: collapse; 
    border-spacing: 0;   
    width: 100%;
    margin: 0 auto;
 }
 table tbody td{
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.5em 0.75em;
 }
 
 
 input[type=text], input[type=date], input[type=time], input[type=number], input[type=color] {
      height: 1.75em;   
 }
 select {
    height: 2em;  
 }
 input[name=titre] {
    width: 100%;
 }
 input[name=ville], select {
    width: 75%;
 }
 textarea {
    width: 100%;
 }
 
 .box {
    border: 1pt solid #666666;
    padding: 0.5em;
    margin-bottom: 0.4em;
 }
 
 .rectangle {
    background-color: #bad9da;
    padding: 0.5em;
 }
 
 
 .rounded {
    border: none;
    border-radius: 7px;
    text-align: center;
    color: rgb(0, 0, 0);
    font-weight: bold;
    background-color: #ffffff;
    padding: 0.5em 0 0.5em 0;
    margin: 0.3em;
    width: 7em;
    height: 3em;
    box-shadow:  0 3px 3px 0 rgba(0, 0, 0, 0.4);
 }
 .rounded:hover {
    background-color:#cafff8;;
 }