/*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 10px 5px 0;
  align-items: center;
  font-size: 30px;
  font-weight: 600;
  color: var(--prim-color);
  text-align: center;
  /*  border: 1px solid var(--prim-color);*/
  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;
  background-color: #FFF;
  font-weight: 600
}
.btn-cat-faq.tout {
  color: var(--sec-color);
}
.btn-cat-faq.tout.active {
  background-color: var(--sec-color);
  color: #FFF;
  box-shadow: none;
}
.select_faq_lvl1 .btn_categorie {
  padding: 5px 20px;
  font-size: 18px;
  color: #261E6B;
  margin-right: 1rem;
}
.accordion-button {
  padding: 0;
}
.accordion-button::after {
  display: none
}
.btn_categorie:hover, .btn_categorie:focus, .btn_categorie.current {}
.accordion-item:last-of-type 
.accordion-button.collapsed {
  border-radius: 0 !important
}
.accordion-button .arrow-wrapper {
  width: 46px;
  height: 46px;
  padding: auto;
  background-color: #FFF;
  -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 .arrow-r {
  width: 16px;
  height: auto;
  -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: #FFF
}
.accordion-button[aria-expanded="false"] .arrow-r {
  transform: rotate(0deg);
}
[dir="rtl"] .accordion-button[aria-expanded="false"] .arrow-r {
  transform: rotate(180deg);
}
.accordion-button[aria-expanded="true"] .arrow-r {
  transform: rotate(90deg);
}
.item-body, .accordion-button[aria-expanded="false"] {
  -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: 18px;
}
.accordion-item {
  border: none !important;
    border-radius: 7px;
    
}
.accordion-item .item {
  border-radius: 7px;
  border: 1px solid var(--ter-color);
}
/*==== 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;
}

#infobulle .picto-info [id^="picto"]{
    fill:#cf022b}
#infobulle:hover .picto-info [id^="picto"],
#infobulle:focus .picto-info [id^="picto"]{
    fill:#000}
#nombre-checked{ height: 29px; font-weight: 600;font-size: 0.9rem;text-align: center;margin-top: 10px;font-style: italic}
/*------------------
## HOME SELECTION
--------------------------------------------------------------*/

#faq-home{
    padding: 50px 0;
    background-color: var(--quat-color);
}
#faq-home .sh2_faq h4 {
  font-size: 23px;
}
#faq-home .accordion-button {
  background-color: #FFF;border-radius: 7px
}
#faq-home .tab-content {
  background-color: #FFF;
  margin-bottom: 15px;
border-radius: 7px;
}
#faq-home .accordion-item .item {
  border-radius: 7px;
  border: none;
}
#faq-home .accordion-item .item h4 {
font-size: 20px;
}

#faq-home .arrow-r .arrow {
  fill: var(--sec-color);
}
.linkfaq{
  height: 44px;
  border: none;
  outline: none;
  background-color: var(--sec-color);
  cursor: pointer;
  padding: 8px 28px;
  border-radius: 5px;
  color:#FFF;
    line-height: 28px;
    margin-top: 6px
} 

.linkfaq:hover,.linkfaq:focus{
  background-color: #FFF;
  cursor: pointer;
  padding: 8px 28px;
  color:var(--sec-color);

} 



/*------------------
## MODALS
--------------------------------------------------------------*/
#modalPdf .modal-dialog {
  max-width: 80%;
}
#modalPdf .modal-body {
  min-height: 600px
}
/*------------------
## smartphone
--------------------------------------------------------------*/
@media only screen and (max-width: 575.99px) {
  .select_faq_lvl1 .btn.btn_categorie {
    padding: 5px 8px;
    font-size: 0.9rem;
    color: #261E6B
  }
}