section#faq-intro > h2 {
	color: #2A3162;
	font-family: "Poppins-Bold";
	font-size: 22px;
}

div.content-faq.visible {
	display: block;
}

div.content-faq:not(.visible) {
	display: none;
}

section.section-faq p, section.section-faq li {
	font-family: "Poppins-Regular";
	font-size: 16px;
	line-height: 26px;
}

section.section-faq p {
	margin: 30px 0;
}

section.section-faq li {
	margin-top: 5px;	
}

section.section-faq li:first-child {
	margin-top: 10px;
}


section.section-faq > h3.faq-heading {
	color: #128080;
	font-family: "Poppins-Bold";
	font-size: 35px;
	padding: 20px 0 20px 20px;
	width: 100%; 
	border-top: solid 1px #128080;
	border-bottom: solid 1px #128080;
	position: relative;
}

section.section-faq > h3.faq-heading:not(.open):after {
    content: url(../assets/img/theoreim-website-flèche-droite-vert.svg);
    width: 15px;
    display: block;
    height: 35px;
    position: absolute;
    right: 3%;
    top: 25%;
}

section.section-faq > h3.faq-heading.open {
	background-color: #128080;
	color: #fff;
}

section.section-faq > h3.faq-heading.open:after {
    content: url(../assets/img/theoreim-website-fleche-bas-blanc.svg);
	height: 15px;
    display: block;
    width: 35px;
    position: absolute;
    right: 3%;
	top: 20px;
}

section.section-faq > div.content-faq > h4 {
	color: #2A3162;
	font-family: "Poppins-Bold";
	font-size: 30px;
}

section.section-faq > div.content-faq > strong {
	font-family: "Poppins-Bold";
	font-size: 16px;
}

section.section-faq p, section.section-faq strong {
	color: #2A3162;
}

section.section-faq strong {
	font-family: "Poppins-Bold";
	font-size: 16px;
	line-height: 22px;
}

section.section-faq p.green strong {
	color: #128080;
}

section#faq-fps > div.content-faq > ol {
	font-family: "Poppins-Bold";
	color: #128080;
	font-size: 22px;
	padding-left: 5px;
}

section#faq-fps > div.content-faq > ol > li {
	font-size: 22px;
	font-family: "Poppins-Bold";
}

section.section-faq h5 {
	font-family: "Poppins-Bold";
	color: #128080;
	font-size: 22px;	
}

section.section-faq h6 {
	color: #2A3162;
	font-family: "Poppins-Bold";
	font-size: 16px;	
}

section.section-faq ul {
	list-style: disc;
	color: #2A3162;
	font-family: "Poppins-Regular";
	font-size: 16px;
}

section.section-faq p.green, section.section-faq strong.green, section.section-faq li.green {
	color: #128080;
}

section.section-faq table {
	border-collapse: collapse;
	margin: 40px 0;
}

section.section-faq:not(#faq-pyth-elli) table {
	empty-cells: hide;
}


section.section-faq:not(#faq-pyth-elli) table th:empty, section.section-faq:not(#faq-pyth-elli) table td:empty {
    border: 0;
}

section.section-faq table th, section.section-faq table td {
	padding: 10px 0;
	border: 1px solid #128080;
	text-align: center;
	color: #2A3162;
	font-size: 16px;
}

section.section-faq table td > ul li {
	text-align: left;
}

section.section-faq table td > ul ul {
	list-style: circle;
	padding-left: 5px;
}

section.section-faq table th {
	font-family: "Poppins-Bold";
}

section.section-faq table td {
	font-family: "Poppins-Regular";
}


section#faq-fps > div.content-faq table tr {
    border-top: 1px solid #929494;
    border-bottom: 1px solid #929494;
    line-height: 27px;
    padding-bottom: 20px;
}

section#faq-fps > div.content-faq table th {
	font-family: "Poppins-Regular";
	color: #128080;
	font-size: 14px;	
}

section#faq-fps > div.content-faq table td {
	font-family: "Poppins-Regular";
	color: #2A3162;
	font-size: 14px;	
}

section#faq-pyth-elli table th {
	width: 30%;
}

@media screen and (max-width: 1030px) {

	section#faq-pyth-elli table {
		empty-cells: hide;
		max-width: 100%;
		table-layout: fixed;
	}

	section#faq-pyth-elli table ul {
		margin: 10px auto;
	}
	
	section#faq-pyth-elli table td > ul {
		max-width: 50%;
	}
	
	section#faq-pyth-elli table td {
		max-width: 100%;
		margin-top: 20px;
	}

	section#faq-pyth-elli table td:nth-of-type(1):not(:empty):before {
		content: "Pythagore";
		font-size: 16px;
		font-family: 'Poppins-Bold';
		margin: 10px auto 20px;
		display: block;
		width: 100%;
	}

	section#faq-pyth-elli table td:nth-of-type(2):not(:empty):before {
		content: "Ellipse";
		font-size: 16px;
		font-family: 'Poppins-Bold';
		margin: 10px auto 20px;
		display: block;
		width: 100%;
	}

	section#faq-pyth-elli table tbody tr th {
		width: 100%;
		font-size: 22px;
		border-bottom: 1px solid #128080;
	}

	section#faq-pyth-elli table thead {
		display: none;
	}
	
	section#faq-pyth-elli table tr {
		display: flex;
		flex-direction: column;
		padding-bottom: 20px;
		border: 1px solid #128080;
		margin: 10px auto;
		max-width: 90%;
	}
	
	section#faq-pyth-elli table td{
		border: 0;
		padding: 0 20px;
	}
	
	section#faq-pyth-elli table th {
		border-left:0;
		border-right:0;
		border-top:0;
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 880px) {
	
	section#faq-uci table:not(#buyback) {
		border: 1px solid #128080;
	}

	section#faq-uci table th {
		border-bottom: 1px solid #128080;
		font-size: 20px;
	}

	section#faq-uci table td {
		padding-bottom: 10px;
	}
	
	section#faq-uci table td:not(:empty):before {
		font-family: "Poppins-Bold";
		font-size: 18px;
		padding: 15px 0 8px;
	}
	
	section#faq-uci table#buyback td:nth-of-type(1):not(:empty):before {
		content: "Impôt sur le revenu (IR)";
	}

	section#faq-uci table#buyback td:nth-of-type(2):not(:empty):before {
		content: "Option pour le PFL";
	}

	section.section-faq table#buyback tr	{
		margin-top: 20px;
		border: 1px solid #128080;
	}
	
	section#faq-uci table#passing-early td:nth-of-type(1):not(:empty):before {
		content: "Abattement";
	}

	section#faq-uci table#passing-early td:nth-of-type(2):not(:empty):before {
		content: "Fiscalité à 20 %";
	}
	
	section#faq-uci table#passing-early td:nth-of-type(3):not(:empty):before {
		content: "Fiscalité à 31,25 %";
	}
	
	section#faq-uci table#passing-late td:nth-of-type(1):not(:empty):before {
		content: "Abattement";
	}
	
	section#faq-uci table#passing-late td:nth-of-type(2):not(:empty):before {
		content: "Fiscalité";
	}
	
	main#primary section#faq-uci td {
		display: flex;
		flex-direction: column;
	}
	
	section.section-faq table {
		empty-cells: hide;
		max-width: 100%;
		table-layout: fixed;
	}
	
	section.section-faq table thead {
		display: none;
	}
	
	section.section-faq table tr {
		display: flex;
		flex-direction: column;
	}
	

	section.section-faq table td{
		border: 0;
		padding: 0 20px;
	}
	
	section.section-faq table th {
		border:0;
		padding: 30px 0 20px;
	}
	
	main#primary section.section-faq > div.content-faq > h4 {
		text-align: center;
	}
	
	main#primary section.section-faq h5 {
		text-align: center;
	}
	
	main#primary section#faq-fps > div.content-faq > ol {
		list-style: none;
	}
}

@media screen and (max-width: 700px) {
	main#primary section#faq-pyth-elli table td > ul {
		max-width: 70%;
	}
}


@media screen and (max-width: 500px) {
	body main#primary section#faq-pyth-elli table td > ul {
		max-width: 100%;
		padding-left: 10px;
	}
	
	main#primary section.section-faq > h3.faq-heading {
		font-size: 20px;
	}
	
	main#primary  section.section-faq > h3.faq-heading.open:after {
		top: 25px;
	}
	
	main#primary section.section-faq > div.content-faq > h4 {
		font-size: 20px;
	}
}

@media screen and (max-width: 400px) {
	main#primary section.section-faq table tbody tr th {
		font-size: 18px;
	}
	
	main#primary section.section-faq table td:not(:empty):before {
		font-size: 15px;
	}
	
	main#primary section.section-faq table td, main#primary section.section-faq table ul, main#primary section.section-faq table strong {
		font-size: 14px;
	}
	
	main#primary section.section-faq ul {
		padding-left: 15px;
	}
}