table#responsive_table {
	display: table;
	width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Arial;
  background: #FFFFFF; color: #fff;
}
table#responsive_table thead th,
table#responsive_table tbody td {padding: 10px;}
table#responsive_table thead th {background: #f4f4f4; color: #000 ;}
table#responsive_table tbody td {background: #FFFFFF; color: #000 ;}
table#responsive_table tbody tr:not(:last-of-type):nth-child(2n) td {background-color: #f4f4f4;}
table#responsive_table thead th h4 { font-size: 14px; font-weight: bold; text-align: center; margin: 0; padding: 0;}
table#responsive_table tr td h5 { font-size: 14px; font-weight: normal; text-align: left; margin: 0; padding: 0;}
table#responsive_table tr td p { font-size: 14px; font-weight: normal; text-align: center; margin: 0; padding: 0;}
table#responsive_table tbody tr:not(:last-child) {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
table#responsive_table tbody td img{display: block;margin: 0 auto;position: relative;}
table#responsive_table tbody tr:nth-last-child(3) td:first-child > h5 {color:#215B96; font-weight: bold;}
table#responsive_table tbody tr:nth-last-child(2) td:first-child > h5,
table#responsive_table tbody tr:nth-last-child(2) td:last-child > p {;margin-top: 20px}
table#responsive_table tbody tr:nth-last-child(1) td:first-child > h5,
table#responsive_table tbody tr:nth-last-child(1) td:last-child > p {font-weight: bold;}
@media screen and (max-width: 450px) {
	table#responsive_table {width: 100%}
	table#responsive_table thead {display: none;}
	table#responsive_table thead th h4 {text-align: left;}
	table#responsive_table tr td h5 {text-align: center; margin: -20px auto 0 !important;}
	table#responsive_table tbody tr:last-child td:last-child {padding-bottom:30px;}
	table#responsive_table tbody td {display: block;}
	table#responsive_table tbody tr td:first-child {background: #215B96 !important; color: #fff;}
	table#responsive_table tbody td:before { 
		content: attr(data-th);
		display: inline-block;
		text-align: left !important;
		font-size: 14px;
	}
	table#responsive_table tbody td img {float: right;left: -15%;top: -5px;}
	table#responsive_table tbody td p {display: block;float: right;left: -7%;position: relative;top: 0;width: 100px;}	
	table#responsive_table tbody tr:not(:last-child) {border-bottom: none !important;border-top: none !important;}
	table#responsive_table tbody tr td:nth-child(2) {border-bottom: 1px solid #ddd;}
	table#responsive_table tbody tr:last-child td:nth-child(n+2) {height: 30px;}
	table#responsive_table tbody tr:nth-last-child(3) td:first-child {background-color: #aa272f;}
	table#responsive_table tbody tr:nth-last-child(3) td:first-child > h5 {color:#FFFFFF;}
	
	table#responsive_table tbody tr:nth-last-child(2) td:last-child:before {content: none;}
	table#responsive_table tbody tr:nth-last-child(2) td:last-child {height: 60px;}
	table#responsive_table tbody tr:nth-last-child(2) td:last-child p {
		display: block;
		position: relative;
		float: none;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		left: 0;
	}
	table#responsive_table tbody tr:nth-last-child(1) td:last-child:before {content: none;}
	table#responsive_table tbody tr:nth-last-child(1) td:last-child {height: 60px;}
	table#responsive_table tbody tr:nth-last-child(1) td:last-child p {
		display: block;
		position: relative;
		float: none;
		text-align: center;
		margin: 0 auto;
		padding: 0;
		left: 0;
		width: 100%;
	}
	tr#prix_a.active td {
		height: 60px;
		vertical-align: middle;
	}
}