/*Selecteur niveau 1*/

.sh2-faq-categories li.nav-item:first-child {
  margin-left: 0
}
.sh2-faq-categories li.nav-item {
  display: inline-block;
  padding: 5px 0;
  align-items: center;
  font-size: 30px;
  font-weight: 600;
  color: var(--prim-color);
  text-align: center;
  width: auto;
  background-color: transparent !important;
  overflow-anchor: none;
  margin-left: 0;
  margin-right: 18px;
  background-image: none;
}
[dir="rtl"] .sh2-faq-categories li.nav-item {
  background-image: none;
}

.btn-cat-faq, .arrow-wrapper {
  border-radius: 4px;
}
.sh2-faq-categories .btn-cat-faq {
  font-size: 18px;
  padding: 12px 28px;
  border: 1px solid var(--prim-color);
  background-color: #FFF;
  font-weight: 600;
  border-radius: 0
}

.btn-cat-faq.active{
  background-color: var(--fourth-color) !important;
   border: 1px solid var(--fourth-color);
    color: #fff;
}
.btn-cat-faq.tout {
  color: var(--fourth-color);
}
.btn-cat-faq.tout.active {
  background-color: var(--fourth-color);
  color: #FFF;
  box-shadow: none;
}
.select_faq_lvl1 .btn_categorie {
  padding: 5px 20px;
  font-size: 18px;
  color: #261E6B;
  margin-right: 1rem;
}
/*==== NAVIGATION======*/

/* template fullwidth*/
.accordion-item.fullwidth{
    background-color: transparent;
    border: none !important
}
.accordion-item.fullwidth .accordion-button{
    background-color:transparent;
    padding: 2rem 0 !important;

}

/**/

.accordion-button::after {
    display: none
}
.accordion-item:last-of-type .accordion-button.collapsed{
    border-radius: 0 !important
}
.accordion-button .arrow{
fill:none;
   width: 30px;  
    stroke: var(--prim-color);  
    -o-transition:.2s ease-out;
  -ms-transition:.2s ease-out;
  -moz-transition:.2s ease-out;
  -webkit-transition:.2s ease-out;
  transition:.2s ease-out;
}
.accordion-button:not(.collapsed){
    background-color: transparent !important;
}
.accordion-button:not(.collapsed) h4{
    color:var(--sec-color);
}

.accordion-button[aria-expanded="false"] .arrow {
       transform: rotate(0deg); 
}
[dir="rtl"] .accordion-button[aria-expanded="false"] .arrow {
       transform: rotate(180deg); 

}
.accordion-button[aria-expanded="true"] .arrow{
    transform: rotate(90deg);         
    stroke: var(--sec-color); 
}
.item-body, .accordion-button[aria-expanded="false"]{
    border-bottom: 1px solid #000 !important;     
    -o-transition: .3s ease-out;
  -ms-transition: .7s ease-out;
  -moz-transition: .7s ease-out;
  -webkit-transition: .7s ease-out;
   transition: .7s ease-out;
    
}
.item-body, .accordion-button[aria-expanded="true"]{
    border-bottom: none;
    
}
.sh2_faq h4 {
    font-size: 22px;
    font-weight: 600;
}


/*==== NAVIGATION======*/
.btn-url-faq a {
  background-color: #FF9100;
  padding: 0.4rem 1rem;
  color: #FFF;
  margin: 1rem 0;
  transform: rotate(0deg);
  -o-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
.btn-url-faq a:hover, .btn-url-faq a:focus {
  background-color: #FFFF;
  color: #FF9100;
  word-spacing: 0.1rem;
  transform: rotate(0deg);
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}
/*------------------
## smartphone
--------------------------------------------------------------*/
@media only screen and (max-width: 575.99px) {

	.select_faq_lvl1 .btn.btn_categorie{

	padding: 5px 8px;
	font-size: 0.9rem;
	color:#261E6B
}
}