form {
      max-width: 650px;
      margin: 20px auto;
      background-color: #fff;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
}


select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url('https://img.icons8.com/material/24/000000/expand-arrow--v1.png') no-repeat right 2px center;
      background-size: 24px;
}

input, textarea {
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 5px;
      background-color: #fff;
      display: inline-block;
}	

select {
      width: 100%;
      padding: 8px;			 
      margin-bottom: 10px;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 5px;
      background-color: #fff;
      display: inline-block;
}	


.date-group {
  display: flex;
  align-items: center; 
}

.date-group label,
.date-group select {
  margin-right: 10px; 
  margin-left: 5px; 
}

button {
      background-color: #333;
      color: #fff;
      padding: 12px;
      border: none;
      cursor: pointer;
      width: 100%;
      border-radius: 5px;
}

button:hover {
      background-color: #555;
}

img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
}

table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;	   
	  font-size: 11px;
}

td {
      padding: 2px;
	  border-bottom: 0px solid #ddd;
	  vertical-align: middle; 
}							 

th {
      padding: 2px;
	  border-bottom: 1px solid #a0a0a0;
	  border-top: 1px solid #a0a0a0;	  
} 

input[type="text"][readonly] {
      border: none;
      background-color: transparent;
      cursor: pointer;
}  

	td.puissance-column {
      width: auto;
    }

	td.puissance-column input {
      width: 55px;
    }	

	td.annee-column {
      width: auto;
    }

	td.annee-column input {
      width: 65px;
    }	
	
	td.km-column {
      width: auto;
    }

	td.km-column input {
      width: 70px;
    }	
	
	td.coef-column {
      width: auto;
    }

	td.coef-column input {
      width: 80px;
    }		

	td.fixe-column {
      width: auto;
    }

	td.fixe-column input {
      width: 70px;
    }		

	td.type-column {
      width: auto;
    }

	td.type-column input {
      width: 100px;
    }		
		  
    .km-group {
      display: flex;
      justify-content: space-between;
    }

    .km-group input {
      width: 48%;
    }		
	
	h5 {
     text-align: center;   
	 padding: 0;		
     margin: 0;	 
     color: #333;
	}
 
	.couleur1 {
	 background-color: #FFFFEE;
	}
	.couleur2 {
	 background-color: #FFFFFF;
	}