.tarif-container {
    display: flex;
    flex-direction: column;
    width: 680px;
    height: 550px;
    justify-content: space-between;
    border: 1px solid var(--color-lightgray);
    background-color: var(--color-bggray);
    padding: 20px;

    .divForm {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }


    .tarif-list {
        border: 1px solid var(--color-lightgray);
        width: 100%;
        padding: 10px;

        .tarif-header,
        .tarif-footer,
        .tarif-line {
            display: flex;
            justify-content: space-between;
        }

        .tarif-header {
            border-bottom: 1px solid var(--color-lightgray);
            padding: 10px;
        }

        .tarif-header,
        .tarif-footer {
            padding: 10px;
            font-size: 18px;
            font-family: 'Arial-Bold';
            font-weight: 700;
        }

        .tarif-line {
        	border-bottom: 1px solid var(--color-lightgray);
            font-size: 13px;
            border-bottom: 1px solid var(--color-lightgray);
            padding: 5px 10px 5px 10px;
        }
    }

	.lignEtap3 {
		max-width: max-content;
	}
}

.droit-voucher {
	position: relative;
	bottom: 65px;
	font-size: 13px;
	padding-left: 10px;	
}

.rowVoucher {
	display: flex;
	font-size: 13px;
	width: 670px;
	gap: 0 15px;
	padding-left: 10px;
	
	.form-field {
		width: 25% !important;
		
		input {
			border: 1.5px solid var(--color-lightgray);
			outline: none;
			font-size: var(--input-font-size);
			font-family: 'Arial-Regular';
			color: var(--color-black);
			border-bottom-right-radius: 0px ;
			border-bottom-left-radius: 0px ;
			border-top-right-radius: 0px ;
			border-top-left-radius: 0px ;
			font-weight: normal;
			background-image: none;
			background-color: var(--color-white);
		    	
		    	::placeholder {
				color:var(--color-gray); 
				font-family: 'Arial-Regular';
				font-size: 12px;
				font-weight: normal;
			}    	       	
		}
	}
}