* {
	box-sizing:border-box
}
 .no_resp_row {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	width:100%;
	margin:0 auto;
  }
.no_resp_item {
	width: 50%;
	background: white;
	border-radius: 3px;
	margin: 2em;
	max-width: 50%;
	text-align:center;
}

.no_resp_row.trois .no_resp_item {
	width: 30%;
	margin: 1em;
}
.no_resp_row.trois .no_resp_item.ep {
	padding: 10px;
	border: 1px dashed #c3c3c3;
	border-radius:5px;
}

.no_resp_row.trois .no_resp_item.sep {
	padding:15px;
}


.no_resp_item.ep {
	padding: 30px;
	border: 1px dashed #c3c3c3;
	border-radius:5px;
}
.no_resp_item.sep {
	padding:30px;
}
.no_resp_item > * {
	padding:0.5em
}
.no_resp_item p {
	margin:0
}
.prix {
	font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
	font-size:2.75em;
	margin:0;
	font-weight:bold;
	margin-bottom:10px;
	width:100%
	letter-spacing: 1px;
}

.versement {
padding-top:40px;
min-height:210px;
	
	color: white;
   /* background-image: url(/fr/images/versement.svg);*/
   position:relative;
   z-index:2;
}

.sep .versement {background: #a6a6a6;}
.sep .impots {background: #5e5e5e;}
.ep .versement {background: #5dafca;}
.sep .charges {background: #808080;}
.ep .charges {background: #4e8fc7;}


.impots, .charges {
	padding:60px 0;
}
.resultat {
	padding:60px 0 20px 0;
}
.versement p {
	z-index:2;
	position:relative;
}

.versement:before {
	content:"";
	display:block;
	background-image: url(../visuels/versement.svg);
	position:absolute;
	top:0;left:0;
	opacity:.10;
	z-index:1;
	height:100%;
	width:100%;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center
}
.primes {
	margin-bottom:20px; 
	z-index:2;
	position: absolute;
	top: 50%;
	left:50%;
	width:100%;
	transform: translate(-50%, -50%);
}
.impots {
	background:#4281a4;
	color:white;
	z-index:2;
	position:relative;
}
.impots:before {
	content: "+";
	display:block;
	font-size: 1.8em;
	background: white;
	padding: 20px;
	width: 20px;
	height: 20px;
	line-height: 0.7;
	border-radius: 50px;
	position: absolute;
	top: -30px;
	left: 50%;
	text-align:center;
	font-weight: bold;
	transform: translateX(-50%);
	color: #505050;
}

.charges {
	background:#5b95b5;
	color:white;
	z-index:2;
	position:relative;
}
.charges:before {
	content: "+";
	display:block;
	font-size: 1.8em;
	background: white;
	padding: 20px;
	width: 20px;
	height: 20px;
	line-height: 0.7;
	border-radius: 50px;
	position: absolute;
	top: -30px;
	left: 50%;
	text-align:center;
	font-weight: bold;
	transform: translateX(-50%);
	color: #505050;
}

.trois .charges:before, .trois .impots:before  {
content: "-";
}
.resultat {
	position:relative
}
.sep .resultat {
	background: #f5f5f5;
}
.resultat:before {
	content: "=";
	display:block;
	font-size: 1.8em;
	background: white;
	color:#505050;
	padding: 20px;
	width: 20px;
	height: 20px;
	line-height: 0.7;
	border-radius: 50px;
	text-align:center;
	position: absolute;
	top: -30px;
	z-index:2;
	left: 50%;
	font-weight: bold;
	transform: translateX(-50%);
}
.ep .charges:before {
	color: #4E8FC7;
}
.ep .resultat:before {
	color: #01988C;
}
.ep .resultat {
	background:#01988c;
	color:white;
}
.ep .resultat p {
	line-height:1;
}
.ep h4 {
	color:#2d5aa8;
	font-size:1.2em;
	padding:25px 0;
	margin:0;
	min-height:130px;
	display:block;
}
table {
	width:100%;
	margin: 30px 0;
	line-height:1.5;
 }
table td { 
	background-color: #f5f5f5;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 0;
	color: #858585;
	padding: 20px;
}
td.versements {
	border-width: 1px;
}
table th {
	background: #72b4ca;
	padding:20px;
	color: #505070;
	font-size:1.2em;
	line-height:1;
}	
table th:nth-of-type(1n){
	border:1px solid #ddd
}
th span {
	margin-bottom:10px;
	display:block;
	color:white
}
table tr.light td {
background-color: #ffffff;
}
td span {
	color:#ec7533;
}
th img {
	border: 0;
	display: block;
	margin: 5px auto;
}

@media (max-width: 759px) {
table td {
	padding:10px;font-size:0.9em;
}
.no_resp_item, .no_resp_row.trois .no_resp_item , .trois .no_resp_item.sep {
	width: 100%;
	margin: 1em;
	max-width:100%;
}
 .no_resp_row {
	flex-wrap:wrap; width:100%
}
 table th {
	font-size:0.9em;
	padding:6px;
}	
}