:root {
  --btn-hover-color: #F7EFF2;
}

.s2h-faq  ul {
  margin:0;
  padding: 0
}
/* button groupe*/
.s2h-faq  ul.nav-top-btn-group li{
  list-style: none;
display: inline-block;
}
.s2h-faq  ul.nav-top-btn-group li button{
  border: 1px solid var(--fourth-color);
  color:var(--fourth-color);
  border-radius:var(--border-radius-base);
  padding: 12px 28px;
  font-weight: 600;
}
.s2h-faq  ul.nav-top-btn-group li button.active{
  background-color: var(--fourth-color);
  color:#FFF;
}

.s2h-faq  ul.dropdown-menu {
  padding: 0 15px;
  border: 1px solid #000;
  border-radius:0
}
@media (max-width: 940px) {
  .s2h-faq  ul.nav-top-btn-group li button{
    padding: 6px 8px;
  }
}
/*Selecteur niveau 1*/
.s2h-faq-categories li.nav-item {
  display: inline-block;
  margin-right: 1rem;
  margin-left: 0 !important;
  margin-bottom: 10px;
  align-items: center;
  font-size: var(--fs-h5);
  font-weight: 600;
  color: var(--prim-color);
  text-transform: uppercase !important
}
.s2h-faq-categories li.nav-item .btn-primary {
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  font-weight: 500;
}
.s2h-faq-categories .dropdown-menu button {
  font-size: 18px
}
.s2h-faq-categories .dropdown-menu li {
  list-style: none;
  font-size: 18px
}

  #faq-select.dropdown-toggle.btn-primary {
    padding: 10px 50px 10px 50px;  
      font-size: 18px;
      text-transform: uppercase
  }
.s2h-faq .btn-primary {
  background-color: var(--prim-color);
    color:#FFF
}
.s2h-faq .btn-primary:hover,.s2h-faq .btn-primary:focus {
    background-color: var(--sec-color) !important;
    color:#000
}

.dropdown-toggle.btn-primary:after {
  display: none !important;
}
#faq-select.dropdown-toggle .fleche-faq svg {
  display: inline-block;
  float: right;
  margin-top: 10px;
  margin-right: -30px;
  vertical-align: auto;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.accordion-button {
  padding: 2rem 0 !important;

}
.accordion-button::after {
  display: none
}
.sep {
  border-left: 1px solid #000
}
.btn_categorie:hover, .btn_categorie:focus, .btn_categorie.current {}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0 !important
}
/***********************/
.tab-content .accordion-item + .accordion-item .accordion-button {
  border-top: 1px solid var(--fourth-color) !important;
}
.accordion-button h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.accordion-button[aria-expanded="false"] h4 {
  color: var(--prim-color);
  font-weight: 600;
}
.accordion-button[aria-expanded="true"] h4 {
  color: var(--sec-color);
}
.accordion-body .content,
.accordion-body .content *,
.accordion-button p{
  color: var(--sec-color) !important;
}
.accordion-button p{
  font-size: var(--fs-h6);
  transition: .2s ease-out;
  font-weight: 600
}
.accordion-body .content p{
  margin-bottom: 0.5rem;
}
.accordion-body .content {
  padding-bottom:40px;
  border: none !important;
}
.accordion-body .content ul {
   margin: 0.5rem 0;
}
.accordion-button:hover p, .accordion-button:focus p {
  color: var(--sec-color) !important;
}

.accordion-button .fleche-faq svg {
  width: 13px;height: auto;
  fill: var(--fourth-color); stroke: var(--fourth-color);
  transition: .2s ease-out;
}
.accordion-button:not(.collapsed) {
  background-color: transparent !important
}
.accordion-button[aria-expanded="false"] .fleche-faq svg {
  transform: rotate(0deg);
}
.accordion-button[aria-expanded="true"] .fleche-faq svg {
  fill: var(--sec-color);
  stroke: var(--sec-color);
  transform: rotate(90deg);
}
.item-body, .accordion-button[aria-expanded="false"] {
  transition: .7s ease-out;
}
.item-body, .accordion-button,
.accordion-body  {
  border-bottom: none;
}



/*==== 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;
}

@media (max-width: 1024px) {
  #faq-select .libelle {
    word-break: normal;
    white-space: normal !important;
  }
}
@media (min-width: 1024px) {
  .home #pills-tabContent {
    background-size: 130px auto;
  }
  #faq-select.dropdown-toggle.btn-primary {
    padding: 10px 50px 10px 50px;  
      font-size: 24px;
      text-transform: uppercase
  }
}
@media (min-width: 1400px) {
  .accordion-button h4 {
    font-size: 22px;
    line-height: 32px;
  }
  .home #pills-tabContent {
    background-size: 180px auto;
  }
  .accordion-button {
    padding: 2rem 1.25rem 2rem 0 !important;
  }
}
@media (min-width: 1600px) {
  .home #pills-tabContent {
    background-size: 250px auto;
  }
}
@media (min-width: 1900px) {
  .home #pills-tabContent {
    background-size: 330px auto;
  }
}
/*------------------
## smartphone
--------------------------------------------------------------*/
@media only screen and (max-width: 575.99px) {
  .select_faq_lvl1 .btn.btn_categorie {
    padding: 5px 8px;
    font-size: 0.9rem;
    color: #261E6B
  }
}