/**************************************************/
/*************section-faq.php**********************/
/**************************************************/

.onglet .nav-tabs {
	row-gap : 10px;
	flex-wrap : nowrap;
	border : 0;
}

.onglet .nav-tabs button{
	border: 0;
	min-width : 110px;
	padding : 23px 5px;
	border-radius : 8px;
	font-size : 13px;
	font-weight : 700;
	margin-right : 10px;
	transition : 0.3s ease;
	word-wrap: normal;
	display: flex;
	justify-content: center;
}
.onglet .nav-tabs button span {
	font-size : 20px;
	font-weight : 900;
}

.onglet .nav-tabs button.previous-item, .onglet .previous-item h3 {
	background-color : var(--accent);
	color : #FFF;
}
.onglet .nav-tabs button.current-item, .onglet .current-item h3 {
	background-color : var(--vert);
	color : var(--accent);
}
.onglet .nav-tabs button.next-item , .onglet .next-item h3 {
	background-color : #97A7B2;
	border : solid 1px #97A7B2;
	color : #FFF;
}
.onglet .nav-tabs button:hover {
	transform : translate(0px,-10px);
}

.onglet .tab-content {
	margin-top : 40px;
}

.onglet h3 {
	padding : 6px 25px ;
	font-size : 20px ;
	font-weight : 800 ;
	width : fit-content;
	border-radius : 8px;
}

.onglet .tap-text {
	text-align : justify;
}


/********Responsive**************/
@media only screen and (min-width: 768px){

}

@media only screen and (max-width: 1024px){
	.onglet .nav-tabs {
		flex-wrap : wrap;
		justify-content: center;
	}
	.onglet .nav-tabs button{
		min-width : 150px;
	}
}